Checkbox by csozidev
#e8e8e8
1/* Green glow checkbox made by: csozi | Website: www.csozi.hu*/ 2 3.container input { 4 position: absolute; 5 opacity: 0; 6 cursor: pointer; 7 height: 0; 8 width: 0; 9} 10 11.container { 12 display: block; 13 position: relative; 14 cursor: pointer; 15 font-size: 20px; 16 user-select: none; 17 background-color: #676767; 18 padding: 4px; 19 border-radius: 25px; 20} 21 22.checkmark { 23 position: relative; 24 top: 0; 25 left: 0; 26 height: 1.3em; 27 width: 1.3em; 28 border-radius: 1rem; 29 background-color: #004000; 30 transition: 0.1s; 31} 32 33.container input:checked ~ .checkmark { 34 background-color: #00de00; 35 box-shadow: 0 0 10px #00ff00; 36}
1K views
1K views
MIT License