v-animate-m
Основанный на animate.css 4.x пакетный набор директив для анимации Vue.
Конкретные имена классов анимации см. на сайте https://animate.style/.
npm | v-animate-m |
---|---|
https://www.npmjs.com/package/v-animate-m
https://gitee.com/null_639_5368/v-animate-m
http://null_639_5368.gitee.io/v-animate-m
npm i v-animate-m
// 1. Глобальная регистрация директивы
import Vue from "vue";
import "animate.css"; // версия 4.х
import animateM from 'v-animate-m'
Vue.use(animateM)
// 2. Использование в компоненте Vue
<div v-animate-m="'fadeIn'"></div> // строковая форма
<div v-animate-m="{name:'fadeIn'}"></div> // объектная форма
<div v-animate-m="{name:'fadeIn',delay:'1s'}"></div> // задержка загрузки (единицы измерения: s или ms)
<div v-animate-m="{name:'fadeIn',duration:'1.5s'}"></div> // продолжительность (единицы измерения: s или ms)
<div class="block block4 bg-orange" v-animate-m.repeat="{name:'fadeInBottomRight',delay:'0.1s'}"
></div> // повторная загрузка
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )