574 views
1input[type="checkbox"] { 2 display: none; 3} 4 5label svg { 6 width: 44px; 7 height: 44px; 8 fill: none; 9 stroke: #000; 10 stroke-width: 2px; 11} 12 13input[type="checkbox"]:checked + label svg { 14 fill: #FFC107; 15 animation: pop_42 0.5s ease-out; 16} 17 18@keyframes pop_42 { 19 0% { 20 transform: scale(1); 21 } 22 23 50% { 24 transform: scale(1.5); 25 } 26 27 100% { 28 transform: scale(1); 29 } 30} 31
MIT License