Animate.css
На днях наткнулся на эту замечательную вещь и решил поделиться с Хабрахабром.
Animate.css — сборка отличных кроссбраузерных CSS3 анимаций в одном файле.
Немного о библиотеке
Библиотека включает в себя 56 анимаций, сгруппированных по типу эффекта, включает в себя «вход» и «выход» из анимирования элемента, а так же простой конструктор, который даёт возможность включить в файл только нужные эффекты.
Библиотеку уже используют сайты Foursquare, EA, Disney и пр.
Использование
Для того, чтоб добавить к элементу анимацию, нужно присвоить ему 2 класса: класс нужной анимации, и класс animated, для запуска анимации:
<div id="example" class="flip animated"></div>
Больше мне сказать нечего, достаточно взглянуть демо.
Автор: Daniel Eden
Демо
Github
Конструктор