mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
20 lines
No EOL
716 B
HTML
20 lines
No EOL
716 B
HTML
<!-- From Uiverse.io by Shubh0408 - Tags: checkbox, hamburger, toggle, menu, close -->
|
|
<label>
|
|
<div
|
|
class="w-9 h-10 cursor-pointer flex flex-col items-center justify-center"
|
|
>
|
|
<input class="hidden peer" type="checkbox" />
|
|
<div
|
|
class="w-[50%] h-[2px] bg-black rounded-sm transition-all duration-300 origin-left translate-y-[0.45rem] peer-checked:rotate-[-45deg]"
|
|
></div>
|
|
<div
|
|
class="w-[50%] h-[2px] bg-black rounded-md transition-all duration-300 origin-center peer-checked:hidden"
|
|
></div>
|
|
<div
|
|
class="w-[50%] h-[2px] bg-black rounded-md transition-all duration-300 origin-left -translate-y-[0.45rem] peer-checked:rotate-[45deg]"
|
|
></div>
|
|
</div>
|
|
</label>
|
|
|
|
|
|
|