vue 使用 animate.css

一、安装

npm inastall animate.css --save 

二、在main.js 中引入

import animated from  'animated.css'
Vue.use(animated)

三、页面使用
tempalte

 <div class="animate-box animate__animated  animate__backInLeft" >
   <!-- 第一个类名是容器的类名;第二个animate__animated为固定的类名,必须要加;第三个animate__backInLef是我们在动画库中选择的效果-->
   <div>你写的内容</div>  
</div>

css

.animate-box{ 
	animation-duration:2s //设置动画一共需要的时间
}

animate.css地址 animate.css