Анимация появления элементов с помощью Revealator

В данной статье мы рассмотрим как можно добавить различную анимацию появления для любого элемента на странице с помощью плагина Revealator.

На Landing page (посадочных страницах) часто можно заметить анимацию появления различных блоков. Это выглядит достаточно динамично и привлекательно.

Самый простой способ добавить анимацию на страницу — это использовать плагин jQuery под названием Revealator. Подключив данный плагин, нам останется лишь указывать классы с названием анимации, которая нам необходима.

Подключение плагина Revealator

Для начала необходимо скачать последнюю версию с GitHub и распаковать в папку с вашим проектом.

Затем необходимо подключить плагин к вашему проекту, добавив следующий код между тегами :

Пример использования:

	Тут какой-нибудь текст или элемент



	Тут какой-нибудь текст или элемент

Все эффекты вы можете просмотреть на демонстрационной странице.

Эффекты, задержки и длительность анимации по умолчанию

Эффекты

Задержки

Длительность анимации