mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
10 lines
810 B
HTML
10 lines
810 B
HTML
<!-- From Uiverse.io by AKAspidey01 - Tags: animation, button, transition, hover effect, premium -->
|
|
<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>
|
|
|