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

按钮 · Empty Cow

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

[hidecontent type="vip1"]
<button class="button">
  Hover me !
</button>
<style>
/* From Uiverse.io by rrr63 - Tags: button, hover, outlined, bootsrap button */
.button {
  font-size: 17px;
  padding: 15px 35px;
  border-radius: 5px;
  outline: 2px solid #2835ba;
  outline-offset: 0px;
  background: #2835ba;
  border: 0;
  font-weight: bolder;
  color: white;
  transition: all .1s ease-in-out;
  cursor: pointer;
}

.button:hover {
  outline-offset: 3px;
  outline: 3px solid #2835ba;
}
</style>
[/hidecontent]
← 返回首页