#212121
1.container input { 2 position: absolute; 3 opacity: 0; 4 cursor: pointer; 5 height: 0; 6 width: 0; 7} 8 9.container { 10 display: block; 11 position: relative; 12 cursor: pointer; 13 font-size: 20px; 14 user-select: none; 15} 16 17.checkmark { 18 position: relative; 19 top: 0; 20 left: 0; 21 height: 1.3em; 22 width: 1.3em; 23 background-color: #ffffff00; 24 border-radius: 5px; 25 border: #fff 1px solid; 26 transition: all 0.2s; 27} 28 29.checkmark2 { 30 position: relative; 31 top: 0.12em; 32 left: 0.12em; 33 height: 1.0em; 34 width: 1.0em; 35 background-color: #ffffff00; 36 border-radius: 111px; 37 border: #fff 1px solid; 38 transition: all 0.2s; 39} 40 41.container input:checked ~ .checkmark { 42 background-color: #4346ff; 43 border: #4346ff 1px solid 44} 45 46 47
230 views
230 views
Comments
MIT License