Below is a set of radio buttons. If you select the final one, the text box will become active by toggling the disabled
attribute. The background color of the text box animates using CSS3 transitions.
When the disabled
attribute is added or removed, the :disabled
pseudo-class takes effect, animating the background color of the text box. The animation of the color is pure CSS.