Radio by asgardOP
#e8e8e8
1#navbody { 2 width: 300px; 3 height: 60px; 4 background-color: rgb(255, 255, 255); 5 border-radius: 40px; 6 box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.041); 7 align-items: center; 8 justify-content: center; 9 display: flex; 10} 11 12.ul { 13 list-style: none; 14 width: 100%; 15 background-color: transparent; 16 display: flex; 17 justify-content: space-between; 18 margin-top: 5px; 19} 20 21.ul .li { 22 display: inline-block; 23} 24 25.radio { 26 display: none; 27} 28 29.svg { 30 width: 70px; 31 height: 70px; 32 opacity: 80%; 33 cursor: pointer; 34 padding: 13px 20px; 35 transition: 0.2s; 36} 37 38.ul .li .svg:hover { 39 transition: 0.1s; 40 color: rgb(235, 40, 176); 41 position: relative; 42 margin-top: -4px; 43 opacity: 100%; 44} 45 46.radio:checked + label .li .svg { 47 color: rgb(235, 40, 176); 48 fill-rule: evenodd; 49} 50
263 views
263 views
MIT License