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

按钮 · Lucky Donkey

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

[hidecontent type="vip1"]
<button> Button
</button>
<style>
/* From Uiverse.io by adamgiebl - 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:hover {
  border: 1px solid white;
}

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