Switch by Javierrocadev
#e8e8e8
HTML +TailwindCSS
1<label class="relative inline-flex items-center cursor-pointer"> 2 <input type="checkbox" value="" class="sr-only peer"> 3 <div class="group peer ring-0 bg-rose-400 rounded-full outline-none duration-300 after:duration-300 w-24 h-12 shadow-md peer-checked:bg-emerald-500 peer-focus:outline-none after:content-['✖️'] after:rounded-full after:absolute after:bg-gray-50 after:outline-none after:h-10 after:w-10 after:top-1 after:left-1 after:flex after:justify-center after:items-center peer-checked:after:translate-x-12 peer-checked:after:content-['✔️'] peer-hover:after:scale-95"> 4 </div> 5</label>
713 views
Variation of aswitch
MIT License