motionsites中文站 / 按钮 · Afraid Squid
按钮 · Afraid Squid
aadmin2026-09-19 发布组件1 阅读

按钮 · Afraid Squid

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

[hidecontent type="vip1"]
<button class="button">
  Let`s go →
</button>
<style>
/* From Uiverse.io by andrew-demchenk0 - Tags: animation, button, arrow, submit, confirm */
.button {
  --font-color: #323232;
  --bg-color: #fff;
  --main-color: #323232;
  width: 120px;
  height: 40px;
  border-radius: 5px;
  border: 2px solid var(--main-color);
  background-color: var(--bg-color);
  box-shadow: 4px 4px var(--main-color);
  font-size: 17px;
  font-weight: 600;
  color: var(--font-color);
  cursor: pointer;
}

.button:active {
  box-shadow: 0px 0px var(--main-color);
  transform: translate(3px, 3px);
}

</style>
[/hidecontent]
← 返回首页