Animate.css — набор кроссбраузерных CSS3 анимаций

в 22:49, , рубрики: css, css3, анимации, метки: ,

Animate.css

Animate.css — набор кроссбраузерных CSS3 анимаций

На днях наткнулся на эту замечательную вещь и решил поделиться с Хабрахабром.
Animate.css — сборка отличных кроссбраузерных CSS3 анимаций в одном файле.

Немного о библиотеке

Библиотека включает в себя 56 анимаций, сгруппированных по типу эффекта, включает в себя «вход» и «выход» из анимирования элемента, а так же простой конструктор, который даёт возможность включить в файл только нужные эффекты.
Библиотеку уже используют сайты Foursquare, EA, Disney и пр.

Использование

Для того, чтоб добавить к элементу анимацию, нужно присвоить ему 2 класса: класс нужной анимации, и класс animated, для запуска анимации:

<div id="example" class="flip animated"></div>

Больше мне сказать нечего, достаточно взглянуть демо.

Автор: Daniel Eden
Демо
Github
Конструктор

Автор: kovalevsky

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js