mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
23 lines
No EOL
878 B
HTML
23 lines
No EOL
878 B
HTML
<!-- From Uiverse.io by BachWorks - Tags: button, tailwind, tailwindbutton, tailwindcss -->
|
|
<button
|
|
class="flex items-center px-4 py-2 bg-gradient-to-r from-blue-500 via-blue-600 to-blue-500 text-white font-extrabold text-lg rounded-full shadow-2xl hover:from-blue-600 hover:via-blue-700 hover:to-blue-600 focus:outline-none focus:ring-4 focus:ring-blue-300 focus:ring-opacity-70 active:bg-blue-800 active:shadow-inner transform hover:scale-110 transition duration-500 ease-in-out disabled:opacity-50 disabled:cursor-not-allowed ml-4"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
fill="none"
|
|
class="w-8 h-8 mr-4 -ml-2 text-white animate-pulse"
|
|
>
|
|
<path
|
|
d="M12 4v16m8-8H4"
|
|
stroke-width="2"
|
|
stroke-linejoin="round"
|
|
stroke-linecap="round"
|
|
></path>
|
|
</svg>
|
|
Hover Me
|
|
</button>
|
|
|
|
|
|
|