Framework Averin.pro

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

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

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

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

bounce
flash
pulse
rubberBand
shake
swing
tada
wobble

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

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

data-effect="Класс анимации из файла animpage.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"> 

Подключение

Перед использованием необходимо подключение CSS стилей анимации. Animate.css или анимация, созданная вами

<link href="/css/animpage.css" type="text/css" rel="stylesheet" media="screen"> 
Старт

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

Шаблоны

Редактор WYSIWYG

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

Скачать

4.6 - 18 сентября 2019 года

Старт

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

Шаблоны

Редактор WYSIWYG

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

Скачать

Версия 4.6 - 18 сентября 2019 года