mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
7 lines
589 B
HTML
7 lines
589 B
HTML
<!-- From Uiverse.io by AKAspidey01 - Tags: simple, button, hover button -->
|
|
<button class="cursor-pointer font-semibold overflow-hidden relative z-100 border border-green-500 group px-8 py-2">
|
|
<span class="relative z-10 text-green-500 group-hover:text-white text-xl duration-500">Magic !</span>
|
|
<span class="absolute w-full h-full bg-green-500 -left-32 top-0 -rotate-45 group-hover:rotate-0 group-hover:left-0 duration-500"></span>
|
|
<span class="absolute w-full h-full bg-green-500 -right-32 top-0 -rotate-45 group-hover:rotate-0 group-hover:right-0 duration-500"></span>
|
|
</button>
|
|
|