按钮 · Brown Quail

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

[hidecontent type="vip1"]

<button>
  BUTTON
</button>
<style>
/* From Uiverse.io by Praashoo7 - Tags: neumorphism, button, hover */
button {
  padding: 1em;
  padding-left: 2em;
  padding-right: 2em;
  border-radius: 15px;
  font-weight: bold;
  transition: .4s ease-in-out;
  box-shadow: inset 2px 5px 10px rgba(0,0,0,0.2);
  letter-spacing: 0.2em;
  border: none;
}

button:hover {
  letter-spacing: 0.5em;
  transform: translateY(-0.8em);
  background: #171717;
  color: white;
}

button:active {
  letter-spacing: 0.4em;
  transition: 0.1s all;
  transform: translateY(-0.6em);
  background: #171717;
  color: white;
}
</style>

[/hidecontent]