Checkbox by Shubh0408
#ddd5d5
HTML +TailwindCSS
1<label> 2 <div 3 class="w-9 h-10 cursor-pointer flex flex-col items-center justify-center" 4 > 5 <input class="hidden peer" type="checkbox" /> 6 <div 7 class="w-[50%] h-[2px] bg-black rounded-sm transition-all duration-300 origin-left translate-y-[0.45rem] peer-checked:rotate-[-45deg]" 8 ></div> 9 <div 10 class="w-[50%] h-[2px] bg-black rounded-md transition-all duration-300 origin-center peer-checked:hidden" 11 ></div> 12 <div 13 class="w-[50%] h-[2px] bg-black rounded-md transition-all duration-300 origin-left -translate-y-[0.45rem] peer-checked:rotate-[45deg]" 14 ></div> 15 </div> 16</label> 17
240 views
240 views
MIT License