先上Animate官网地址:https://animate.style/
一、安装:我用的yarn 安装
$ yarn add animate.css
安装成功截图
二、引用(修改main.js)
import animated from 'animate.css' // npm install animate.css --save安装,再引入
Vue.use(animated)
三、应用
1.直接使用类名
<h1 class="animate__animated animate__bounce">An animated element</h1>
<transition mode="out-in" enter-active-class="animate__animated animate__bounceInLeft"
leave-active-class="animate__animated animate__backOutRight">
<router-view />
</transition>
2.css中写入动画效果
<h2>An animated element</h2>
h2{
animation-name:flash ;
animation-duration: 3s;
/*animation:turn 1s linear infinite;*/
}