mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
9 lines
No EOL
929 B
HTML
9 lines
No EOL
929 B
HTML
<!-- From Uiverse.io by abdulGitHb - Website: https://uiverse.io/kirzin/selfish-kangaroo-64 - Name: kirzin - Tags: gradient, button, neon, custom, button hover effect , tailwindcss -->
|
|
<button
|
|
class="cursor-pointer text-white font-bold relative text-[14px] w-[9em] h-[3em] text-center bg-gradient-to-r from-violet-500 from-10% via-sky-500 via-30% to-pink-500 to-90% bg-[length:400%] rounded-[30px] z-10 hover:animate-gradient-xy hover:bg-[length:100%] before:content-[''] before:absolute before:-top-[5px] before:-bottom-[5px] before:-left-[5px] before:-right-[5px] before:bg-gradient-to-r before:from-violet-500 before:from-10% before:via-sky-500 before:via-30% before:to-pink-500 before:bg-[length:400%] before:-z-10 before:rounded-[35px] before:hover:blur-xl before:transition-all before:ease-in-out before:duration-[1s] before:hover:bg-[length:10%] active:bg-violet-700 focus:ring-violet-700"
|
|
>
|
|
HOVER ME
|
|
</button>
|
|
|
|
|
|
|