Buttons | AKAspidey01 sour eagle 93

Buttonssour eagle1 个文件更新于 2026-04-06

html共 9 行

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<button class="cursor-pointer relative group overflow-hidden border-2 px-8 py-2 border-green-500">
  <span class="font-bold text-white text-xl relative z-10 group-hover:text-green-500 duration-500">Blink</span>
  <span class="absolute top-0 left-0 w-full bg-green-500 duration-500 group-hover:-translate-x-full h-full"></span>
  <span class="absolute top-0 left-0 w-full bg-green-500 duration-500 group-hover:translate-x-full h-full"></span>
  
    <span class="absolute top-0 left-0 w-full bg-green-500 duration-500 delay-300 group-hover:-translate-y-full h-full"></span>
  <span class="absolute delay-300 top-0 left-0 w-full bg-green-500 duration-500 group-hover:translate-y-full h-full"></span>
</button>

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