Какие виды переходов можно сделать с помощью только одного свойства CSS? Хотите узнать? Жмите подробнее и смотрите Демо. И увидите целую экспериментальную галерею по анимации веб элементов на CSS.

Наведите указатель мыши на демонстрацию, чтобы увидеть анимацию в действии или же можете нажать на кнопку "Анимировать все", в этом случае запустится всё - будьте осторожны, браузер может и подвиснуть.
Лучше всего тестировать в браузере Chrome, в нём и анимация проигрывается более плавно.
Чтобы увидеть информацию - нажмите по элементу демонстрации (то есть по цифре), чтобы вернуться в основной список нажмите ESC.

Вправом верхнем углу будет ссылка на исходники с Github.

И так жмакайте Демо и наслаждайтесь.
Идея принадлежит: Lea Verou
СКАЧАТЬСкачек: 735
3,82 Kb
Кто скачал?

ДЕМОПосмотреть
пример