mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
11 lines
872 B
HTML
11 lines
872 B
HTML
<!-- From Uiverse.io by kuzanaa - Tags: button, advanced, #button -->
|
|
<button class="relative group overflow-hidden px-6 h-12 rounded-full flex space-x-2 items-center bg-gradient-to-r from-pink-500 to-purple-500 hover:to-purple-600">
|
|
<span class="relative text-sm text-white">Get Started</span>
|
|
<div class="flex items-center -space-x-3 translate-x-3">
|
|
<div class="w-2.5 h-[1.6px] rounded bg-white origin-left scale-x-0 transition duration-300 group-hover:scale-x-100"></div>
|
|
<svg stroke-width="2" stroke="currentColor" viewBox="0 0 24 24" fill="none" class="h-5 w-5 stroke-white -translate-x-2 transition duration-300 group-hover:translate-x-0" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M9 5l7 7-7 7" stroke-linejoin="round" stroke-linecap="round"></path>
|
|
</svg>
|
|
</div>
|
|
</button>
|
|
|