CSS3 Transitions Using :checked

Check and/or uncheck one or more of the checkboxes below. The size of the space around the checkbox will animate.

Thing 1
Thing 2
Thing 3
Thing 4

No JavaScript. This uses the CSS :checked pseudo-class to transition (or animate) the width of the checkbox.

< Back to the Article