Radio by NlghtM4re
This radio was created for CSS from the future
#212121
1.radio-buttons { 2 display: flex; 3 justify-content: center; 4 align-items: center; 5 background-color: rgb(164, 215, 246); 6 border-radius: 15px; 7 box-shadow: rgb(71, 175, 239) 0px 5px 29px 5px; 8} 9 10.radio-buttons label { 11 position: relative; 12 cursor: pointer; 13} 14 15.radio-buttons input[type="radio"] { 16 position: absolute; 17 opacity: 0; 18 cursor: pointer; 19} 20 21.option { 22 position: relative; 23 display: inline-block; 24 padding-top: 10px; 25 padding-bottom: 10px; 26 border: none; 27 color: black; 28 border-radius: 14px; 29 padding: 10px; 30} 31 32.option:hover { 33 background-color: rgb(137, 207, 251); 34} 35 36.radio-buttons input[type="radio"]:checked + .option { 37 background-color: rgb(71, 175, 239); 38 box-shadow: rgb(11, 70, 107) 0px 5px 29px 5px; 39}
907 views
907 views
MIT License