CSS3 Transitions с использованием :checked

Отметьте и/или снимите отметку с любого из чекбоксов, расположенных ниже. Отступ вокруг чекбокса будет анимирован.

Без JavaScript. Это выполнено с помощью CSS псевдо-класса :checked для трансформации (или анимации) ширины чекбокса.