motionsites中文站 / 按钮 · Splendid Fish
按钮 · Splendid Fish
aadmin2026-09-19 发布组件0 阅读

按钮 · Splendid Fish

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

[hidecontent type="vip1"]
<button class="btn1">> Send Message</button>

<style>
/* From Uiverse.io by Rudra1725  - Tags: simple, material design, 3d, button, hover, active */
.btn1 {
  color: black;
  background-color: white;
  border: solid wheat 2px;
  border-radius: 9px;
  font-size: 19px;
  padding: 12px;
  box-shadow: inset 0 0 4px black;
  font-weight: 500;
  transition: 400ms;
}
.btn1:hover {
  transition: 400ms;
  box-shadow: inset 0 0 6px black, 0 0 10px wheat;
}
.btn1:active {
  transition: 50ms;
  box-shadow: inset 0 0 0px black, 0 0 10px wheat;
}

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