按钮 · Lazy Squid

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

[hidecontent type="vip1"]

<button class="button">Button</button>

<style>
/* From Uiverse.io by faxriddin20  - Tags: 3d, button, hover, active, hover effect, hover button */
.button {
  cursor: pointer;
  width: 160px;
  height: 50px;
  border-radius: 20px;
  color: violet;
  border: 2px solid violet;
  transition: all 0.6s ease;
}
.button:hover {
  box-shadow: rgba(240, 46, 170, 0.4) 0px 5px, rgba(240, 46, 170, 0.3) 0px 10px,
    rgba(240, 46, 170, 0.2) 0px 15px, rgba(240, 46, 170, 0.1) 0px 20px,
    rgba(240, 46, 170, 0.05) 0px 25px;
}
.button:active {
  box-shadow: none;
}

</style>
    

[/hidecontent]