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

按钮 · Blue Dragon

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

[hidecontent type="vip1"]
<!-- From Uiverse.io by kennyotsu - Tags: 3d, button, extruded -->
<button class="cursor-pointer select-none text-[4rem] font-bold text-slate-100 relative group text-center flex justify-center">
  <div class="absolute top-[6px] text-neutral-400 transition duration-300 drop-shadow-lg group-hover:drop-shadow-md group-active:drop-shadow-none">boop!</div>
  <div class="absolute top-[5px] text-neutral-300">boop!</div>
  <div class="absolute transition duration-300 transform group-hover:translate-y-1 group-active:translate-y-1.5">boop!</div>
  
  <div class="dont-mind-me opacity-0">boop!</div>
</button>


[/hidecontent]
← 返回首页