按钮 · Wicked Bobcat

类型：组件　·　分类：按钮　·　收录：2026-09-19　·　源码：会员可见

[hidecontent type="vip1"]

<button> Button
</button>
<style>
/* From Uiverse.io by hannahyockel - Tags: button */
button {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 padding: 15px 38px;
 border-radius: 16px;
 border: 1px solid transparent;
 color: #FFFFFF;
 background-color: #1DC9A0;
 font-size: 16px;
 letter-spacing: 1px;
 transition: all 0.15s linear;
}

button:hover {
 background-color: rgba(29, 201, 160, 0.08);
 border-color: #1DC9A0;
 color: #1DC9A0;
 transform: translateY(-5px) scale(1.05);
}

button:active {
 background-color: transparent;
 border-color: #1DC9A0;
 color: #1DC9A0;
 transform: translateY(5px) scale(0.95);
}

button:disabled {
 background-color: rgba(255, 255, 255, 0.16);
 color: #8E8E93;
 border-color: #8E8E93;
}
</style>

[/hidecontent]