Framework Averin.pro 5.0.1

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

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

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

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

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

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

Новости

Старт
Скачать

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

5.0.1 - 13 января 2021 года

Новости

Старт
Скачать

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

Версия 5.0.1 - 13 января 2021 года

Задать вопрос   Задать вопрос
Вы можете задать вопросы Whatsapp Telegram Viber Vkontakte Facebook E-Mail
Отмена

Framework Averin.pro

Вы можете задать вопросы

Whatsapp Telegram Facebook Telegram E-Mail

Закрыть