motionsites中文站 / 按钮 · Ancient Walrus
按钮 · Ancient Walrus
aadmin2026-09-19 发布组件0 阅读

按钮 · Ancient Walrus

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

[hidecontent type="vip1"]
<button> Click me
</button>
<style>
/* From Uiverse.io by ke1221 - Tags: neumorphism, button */
button {
 color: #090909;
 padding: 0.7em 1.7em;
 font-size: 18px;
 border-radius: 0.5em;
 background: #e8e8e8;
 border: 1px solid #e8e8e8;
 transition: all .3s;
 box-shadow: 6px 6px 12px #c5c5c5,
             -6px -6px 12px #ffffff;
}

button:active {
 color: #666;
 box-shadow: inset 4px 4px 12px #c5c5c5,
             inset -4px -4px 12px #ffffff;
}
</style>
[/hidecontent]
← 返回首页