Framework Averin.pro 4.9.4

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

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

Старт

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

4.9.4 - 18 марта 2020 года

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

Старт

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

Версия 4.9.4 - 18 марта 2020 года