Radio by andretellao
This radio was created for CSS from the future
#212121
1.radio-input input { 2 appearance: none; 3 background-color: transparent; 4 margin: 15px; 5 font: inherit; 6 color: currentColor; 7 width: 1.5em; 8 height: 1.5em; 9 border: 0.2em solid #33f8ff; 10 border-radius: 50%; 11 transform: translateY(-0.075em); 12 display: grid; 13 place-content: center; 14} 15 16.radio-input input::before { 17 content: ""; 18 width: 1.65em; 19 height: 1.65em; 20 border-radius: 50%; 21 transform: scale(0); 22 transition: 120ms transform ease-in-out; 23 box-shadow: inset 1em 1em var(--form-control-color); 24 background-color: #dd33ff; 25 box-shadow: 0 0 20px #dd33ff; 26} 27 28.radio-input input:checked::before { 29 transform: scale(1.02); 30}
643 views
643 views
MIT License