#e8e8e8
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 user-select: none; 14} 15 16svg { 17 position: relative; 18 top: 0; 19 left: 0; 20 height: 50px; 21 width: 50px; 22 transition: all 0.3s; 23 fill: #666; 24} 25 26svg:hover { 27 transform: scale(1.1) rotate(-10deg); 28} 29 30.container input:checked ~ svg { 31 fill: #2196F3; 32} 33
953 views
953 views
Comments
MIT License