Checkbox by Shoh2008
#212121
1.checkbox-wrapper-37 input[type="checkbox"] { 2 display: none; 3} 4 5.checkbox-wrapper-37 .terms-label { 6 cursor: pointer; 7 display: flex; 8 align-items: center; 9 color: white; 10} 11 12.checkbox-wrapper-37 .terms-label .label-text { 13 margin-left: 10px; 14} 15 16.checkbox-wrapper-37 .checkbox-svg { 17 width: 30px; 18 height: 30px; 19} 20 21.checkbox-wrapper-37 .checkbox-box { 22 fill: #fff; 23 stroke: #ff7a00; 24 stroke-dasharray: 800; 25 stroke-dashoffset: 800; 26 transition: stroke-dashoffset 0.6s ease-in; 27} 28 29.checkbox-wrapper-37 .checkbox-tick { 30 stroke: #ff7a00; 31 stroke-dasharray: 172; 32 stroke-dashoffset: 172; 33 transition: stroke-dashoffset 0.6s ease-in; 34} 35 36.checkbox-wrapper-37 37 input[type="checkbox"]:checked 38 + .terms-label 39 .checkbox-box, 40.checkbox-wrapper-37 41 input[type="checkbox"]:checked 42 + .terms-label 43 .checkbox-tick { 44 stroke-dashoffset: 0; 45} 46
1.3K views
1.3K views
MIT License