按钮 · Chilly Dingo

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

[hidecontent type="vip1"]

<button class="button">
  Button
</button>
<style>
/* From Uiverse.io by roufkp - Tags: button, hover */
.button {
  width: fit-content;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .1rem;
  border: none;
  background: transparent;
  box-shadow: inset -20px -16px 0px 2px rgb(2 184 72);
  border-radius: 100px;
  color: rgb(67, 46, 19);
  transition: all 1s cubic-bezier(.66, .00, .34, 1.00);
}

button:hover {
  box-shadow: inset 0px 0px 0px 0px rgb(2 184 72);
  background: rgb(33, 30, 24);
  transform: translateY(-5px);
  color: rgb(230, 221, 221);
  font-weight: 700;
}


</style>

[/hidecontent]