Framework Averin.pro

CSS Framework дизайн студии Артемия Аверина

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

Скачать CSS фрагмент компонента   Собрать сборку

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

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

bounce
flash
pulse
rubberBand
shake
swing
tada
wobble

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

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

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

Старт

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Мобильное меню
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники
Плагины
Виджеты

Шаблоны

Редактор WYSIWYG

Новости обновлений

Скачать

4.7 - 8 декабря 2019 года

Старт

Типографика
Сетка
Формы
Таблицы
Кнопки
Метки
Пагинация
Крошки
Мобильное меню
Окна
Аниматор
Подсказки
Наверх
Уведомления
Помощники
Плагины
Виджеты

Шаблоны

Редактор WYSIWYG

Новости обновлений

Скачать

Версия 4.7 - 8 декабря 2019 года