Button by AKAspidey01
#212121
HTML +TailwindCSS
1<button class="cursor-pointer relative group overflow-hidden border-2 px-8 py-2 border-green-500"> 2 <span class="font-bold text-white text-xl relative z-10 group-hover:text-green-500 duration-500">Blink</span> 3 <span class="absolute top-0 left-0 w-full bg-green-500 duration-500 group-hover:-translate-x-full h-full"></span> 4 <span class="absolute top-0 left-0 w-full bg-green-500 duration-500 group-hover:translate-x-full h-full"></span> 5 6 <span class="absolute top-0 left-0 w-full bg-green-500 duration-500 delay-300 group-hover:-translate-y-full h-full"></span> 7 <span class="absolute delay-300 top-0 left-0 w-full bg-green-500 duration-500 group-hover:translate-y-full h-full"></span> 8</button>
450 views
450 views
MIT License