mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-27 20:50:21 +08:00
32 lines
No EOL
1.6 KiB
HTML
32 lines
No EOL
1.6 KiB
HTML
<!-- From Uiverse.io by Cybercom682 - Tags: shadow, radio, futuristic -->
|
|
<div class="flex flex-col space-y-4 p-5">
|
|
<label class="relative flex items-center cursor-pointer">
|
|
<input
|
|
checked=""
|
|
class="sr-only peer"
|
|
name="futuristic-radio"
|
|
type="radio"
|
|
/>
|
|
<div
|
|
class="w-6 h-6 bg-transparent border-2 border-red-500 rounded-full peer-checked:bg-red-500 peer-checked:border-red-500 peer-hover:shadow-lg peer-hover:shadow-red-500/50 peer-checked:shadow-lg peer-checked:shadow-red-500/50 transition duration-300 ease-in-out"
|
|
></div>
|
|
<span class="ml-2 text-white">Hard</span>
|
|
</label>
|
|
<label class="relative flex items-center cursor-pointer">
|
|
<input class="sr-only peer" name="futuristic-radio" type="radio" />
|
|
<div
|
|
class="w-6 h-6 bg-transparent border-2 border-yellow-500 rounded-full peer-checked:bg-yellow-500 peer-checked:border-yellow-500 peer-hover:shadow-lg peer-hover:shadow-yellow-500/50 peer-checked:shadow-lg peer-checked:shadow-yellow-500/50 transition duration-300 ease-in-out"
|
|
></div>
|
|
<span class="ml-2 text-white">Normal</span>
|
|
</label>
|
|
<label class="relative flex items-center cursor-pointer">
|
|
<input class="sr-only peer" name="futuristic-radio" type="radio" />
|
|
<div
|
|
class="w-6 h-6 bg-transparent border-2 border-green-500 rounded-full peer-checked:bg-green-500 peer-checked:border-green-500 peer-hover:shadow-lg peer-hover:shadow-green-500/50 peer-checked:shadow-lg peer-checked:shadow-green-500/50 transition duration-300 ease-in-out"
|
|
></div>
|
|
<span class="ml-2 text-white">Easy</span>
|
|
</label>
|
|
</div>
|
|
|
|
|
|
|