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

按钮 · Witty Dolphin

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

[hidecontent type="vip1"]
<button class="btn">
  space
</button>
<style>
/* From Uiverse.io by Fatima-Zahrae-Acharki - Tags: button */
.btn {
  font-size: 16px;
  font-family: monospace;
  color: white;
  border-radius: 8px;
  letter-spacing: 5px;
  font-weight: 800;
  text-transform: uppercase;
  transition: 0.6s;
  padding: 10px 20px;
  border: none;
  transition-property: box-shadow;
}

.btn {
  background: #765ab5;
  box-shadow: 0 0 50px #765ab5;
}

.btn:hover {
  box-shadow: 0 0 5px #765ab5,
              0 0 25px #352552,
              0 0 50px #352552,
              0 0 100px #765ab5,
              0 0 500px #765ab5;
}
</style>
[/hidecontent]
← 返回首页