Buttons | kennyotsu blue dragon 34

Buttonsblue dragon1 个文件更新于 2026-04-06
html共 8 行
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<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>

登录后可以查看完整源码、在线编辑并实时预览运行效果。