Checkbox by SelfMadeSystem
#212121
1.container { 2 cursor: pointer; 3} 4 5.container input { 6 display: none; 7} 8 9.container svg { 10 overflow: visible; 11} 12 13.path { 14 fill: none; 15 stroke: white; 16 stroke-width: 6; 17 stroke-linecap: round; 18 stroke-linejoin: round; 19 transition: stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease; 20 stroke-dasharray: 241 9999999; 21 stroke-dashoffset: 0; 22} 23 24.container input:checked ~ svg .path { 25 stroke-dasharray: 70.5096664428711 9999999; 26 stroke-dashoffset: -262.2723388671875; 27} 28
10K views
10K views
SteveBloX
Pro
30. January at 11:2330. January at 11:23
Using it in my portfolio : steveblox.github.io
Luis-Vilar 12. January at 5:10
12. January at 5:10
I love it !
MIT License