Checkbox by vinodjangid07
#e8e8e8
1.container input { 2 display: none; 3} 4.pin { 5 width: 15px; 6 height: auto; 7 transform: rotate(35deg); 8} 9.container { 10 width: 45px; 11 height: 45px; 12 background-color: transparent; 13 display: flex; 14 align-items: center; 15 justify-content: center; 16 cursor: pointer; 17 border-radius: 10px; 18} 19.container input:checked ~ .pin { 20 fill: rgb(179, 139, 255); 21 stroke: white; 22} 23.container input:checked ~ .pin line { 24 stroke: rgb(179, 139, 255); 25} 26.container input:checked ~ .pin path { 27 stroke: rgb(179, 139, 255); 28} 29.container:hover { 30 background-color: rgb(244, 238, 255); 31 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.041); 32} 33.container:active { 34 transform: scale(0.9); 35} 36
779 views
779 views
MIT License