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