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

按钮 · Friendly Puma

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

[hidecontent type="vip1"]
<!-- From Uiverse.io by shadowfax29 - Tags: button, active, 3d button -->

<button class="relative text-neutral-300 cursor-pointer w-28 h-28 bg-purple-300 rounded-full flex justify-center  items-center  text-neutral-400 transition duration-300 shadow-lg shadow-purple-400  active:shadow-none active:translate-y-1.5">
  <div class="relative -top-[1px] cursor-pointer w-24 h-24 bg-purple-300 rounded-full border-8 border-white">
    <div class="w-3 h-3 bg-purple-800 rounded-full relative top-5 left-5"></div>
    <div class="w-3 h-3 bg-purple-800  rounded-full relative top-2 left-12"></div>
    <div class="w-3 h-3 bg-purple-800 rounded-full relative top-5 left-5"></div>
    <div class="w-3 h-3 bg-purple-800  rounded-full relative top-2 left-12"></div>
  </div>
  
</button>



[/hidecontent]
← 返回首页