Switch by ForzDz
#e8e8e8
1.rating { 2 display: inline-block; 3 opacity: 1; 4} 5 6.rating input { 7 display: none; 8 opacity: 1; 9} 10 11.rating label { 12 float: right; 13 cursor: pointer; 14 color: #ccc; 15 transition: color 0.3s, transform 0.3s, box-shadow 0.3s; 16} 17 18.rating label:before { 19 content: '\2605'; 20 font-size: 30px; 21 transition: color 0.3s; 22} 23 24.rating input:checked ~ label, 25.rating label:hover, 26.rating label:hover ~ label { 27 color: #ffc300; 28 transform: scale(1.2); 29 transition: color 0.3s, transform 0.3s, box-shadow 0.3s; 30 animation: bounce 0.5s ease-in-out alternate; 31} 32 33@keyframes bounce { 34 to { 35 transform: scale(1.3); 36 } 37}
796 views
796 views
MIT License