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

Используя мышь или клавиатуру, поставьте курсор мыши внутри любого из полей формы.

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