0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Great job! Now let’s add a more contrasting shadow to the active state of the buttons and change the text color. To do this, create a CSS rule with the following selector:</p>
1
<p>Great job! Now let’s add a more contrasting shadow to the active state of the buttons and change the text color. To do this, create a CSS rule with the following selector:</p>
2
.paper-btn input:checked ~ label { ... }<p>Let’s animate the shadow of the box-shadow that appears in the active state using a smooth transition. We need to add the transition properties to the general CSS rule for the label:</p>
2
.paper-btn input:checked ~ label { ... }<p>Let’s animate the shadow of the box-shadow that appears in the active state using a smooth transition. We need to add the transition properties to the general CSS rule for the label:</p>
3
.paper-btn label { ... }<p>Thus, the shadow will appear and disappear smoothly.</p>
3
.paper-btn label { ... }<p>Thus, the shadow will appear and disappear smoothly.</p>