Плагин аниматор страниц

Скачать CSS фрагмент компонента Скачать JS фрагмент компонента

Любой элемент страницы может быть подвержен анимации.

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

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

Для этого на элемент необходимо добавить дополнительные атрибуты:

data-effect="Название анимации animate.css" - Любая анимации созданная Daniel Eden - Animate.css или анимация, созданная вами

<div data-effect="slove"> 

data-duration="Скорость анимации" - Измеряется в миллисекундах. Начальное значение 0 миллисекунд

<div data-effect="slove" data-duration="500"> 

data-hold="Задержка анимации" - Измеряется в миллисекундах. Начальное значение 1 секунда

<div data-effect="slove" data-duration="500" data-hold="400"> 

data-holdsee="1 или 0" - 1 для включения анимации только при появления элмента в поле видимости (при скроле). Начальное значение 0 - выключено

<div data-effect="slove" data-duration="500" data-hold="400"> 

Подключение

Для подключение дополнитльных анимаций подходит Animate.css