vue2项目animate.css的使用

官网：animate.style/

查看动画效果网站：www.webhek.com/post/css3-a…

1. 使用npm下载：

npm install animate.css --save

2. main.js 引入

import VueAnimateNumber from "vue-animate-number";
Vue.use(VueAnimateNumber);

3.项目使用(动画方法：zoomOutLeft；入：animate__fadeInLeft；出：animate__fadeOutLeft；)

 <div class=" animate__animated"  
 :class="{ 'animate__fadeOutLeft': zoomOutLeft, 'animate__fadeInLeft': zoomInLeft }">
 </div>

4. 其他动画方法请参考官网：animate.style/