按钮 · Unlucky Vampirebat

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

[hidecontent type="vip1"]

<button>
  Button
</button>
<style>
/* From Uiverse.io by andrew-demchenk0 - Tags: button */
button {
  font-weight: 700;
  font-size: 17px;
  width: 200px;
  height: 60px;
  border: none;
  color: white;
  background-image: linear-gradient(
    to top left,
    hsl(49.04, 100%, 57.06%) 0%,
    hsl(49.04, 100%, 57.06%) 20%,
    hsl(58.89, 45.92%, 53.77%) 20%,
    hsl(58.89, 45.92%, 53.77%) 40%,
    hsl(124.17, 16.44%, 57.06%) 40%,
    hsl(124.17, 16.44%, 57.06%) 60%,
    hsl(200.79, 47.04%, 47.21%) 60%,
    hsl(200.79, 47.04%, 47.21%) 80%,
    hsl(210, 100%, 43.92%) 80%,
    hsl(210, 100%, 43.92%) 100%
  );
  transition: 1s all;
  box-shadow: 0 1px 15px 0 #797f7b;
}

button:hover {
  transform: scale(1.1);
  box-shadow: -2px 2px 10px #616562,
             2px -2px 10px #717774;
}
</style>

[/hidecontent]