0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Now let’s animate the radio buttons.</p>
1
<p>Now let’s animate the radio buttons.</p>
2
<p>First, let’s reduce the closing pseudo-element label::after or “closer” to a size of zero using the scale transform.</p>
2
<p>First, let’s reduce the closing pseudo-element label::after or “closer” to a size of zero using the scale transform.</p>
3
<p>When it is activated, we will increase the size of the “closer” to the desired dimensions. In order to control the active state of the “closer, ” we will use a CSS rule with this selector:</p>
3
<p>When it is activated, we will increase the size of the “closer” to the desired dimensions. In order to control the active state of the “closer, ” we will use a CSS rule with this selector:</p>
4
input[type="radio"]:checked ~ label::after { ... }<p>The smooth transition properties, just like in the previous examples, will be added to the CSS rule for the initial state:</p>
4
input[type="radio"]:checked ~ label::after { ... }<p>The smooth transition properties, just like in the previous examples, will be added to the CSS rule for the initial state:</p>
5
label::after { ... }
5
label::after { ... }