Checkbox by Javierrocadev
#ae7e7e
HTML +TailwindCSS
1<input 2 type="checkbox" 3 id="react-option" 4 value="" 5 class="hidden peer" 6 required="" 7/> 8<label 9 for="react-option" 10 class="flex items-center justify-center w-10 h-10 [box-shadow:1px_1px_0px_2px_#1e1e1e] duration-300 hover:[box-shadow:1px_1px_0px_1px_#000] hover:translate-y-0.5 hover:translate-x-0.5 bg-neutral-700 border-2 border-gray-800 rounded-full cursor-pointer text-neutral-50 peer-checked:[box-shadow:1px_1px_0px_2px_#28AB6B] peer-checked:border-none peer-checked:hover:[box-shadow:1px_1px_0px_1px_#28AB6B] peer-checked:bg-neutral-50 peer-checked:text-gray-800" 11> 12 <span class="text-lg font-semibold">5</span> 13</label> 14
719 views
719 views
MIT License