#212121
1.radio-container { 2 margin: 0 auto; 3 max-width: 300px; 4 color: white; 5} 6 7.radio-wrapper { 8 margin-bottom: 20px; 9} 10 11.radio-button { 12 display: flex; 13 align-items: center; 14 cursor: pointer; 15 transition: all 0.2s ease-in-out; 16} 17 18.radio-button:hover { 19 transform: translateY(-2px); 20} 21 22.radio-button input[type="radio"] { 23 display: none; 24} 25 26.radio-checkmark { 27 display: inline-block; 28 position: relative; 29 width: 16px; 30 height: 16px; 31 margin-right: 10px; 32 border: 2px solid #333; 33 border-radius: 50%; 34} 35 36.radio-checkmark:before { 37 content: ""; 38 position: absolute; 39 top: 50%; 40 left: 50%; 41 transform: translate(-50%, -50%) scale(0); 42 width: 8px; 43 height: 8px; 44 border-radius: 50%; 45 background-color: #333; 46 transition: all 0.2s ease-in-out; 47} 48 49.radio-button input[type="radio"]:checked ~ .radio-checkmark:before { 50 transform: translate(-50%, -50%) scale(1); 51} 52 53.radio-label { 54 font-size: 16px; 55 font-weight: 600; 56} 57
2.5K views
2.5K views
Comments
2Azzedine33 6. September at 14:41
6. September at 14:41
*** create to gender : male, and female ! Other is just nothing
Azzedine33 6. September at 14:42
6. September at 14:42
@Azzedine33 ⛪️ G0d
MIT License