vue中添加动画效果

最近在写一些小demo,在做移动端的页面,点击按钮跳转页面进行动画效果,发现一个最简单的方法
Animate.css是一款不错的框架
使用方法也很简单
vue中添加动画效果_第1张图片
查看Animate.css文档在githup上进行下载安装css
npm install animate.css -S
在vue中引入

import './../components/animate.css'

使用也很简单 打开Animate.css
vue中添加动画效果_第2张图片
找到你想要的效果

<div class="animated fadeInDownBig">那年我们</div>

想要这句话进行动画,必须加上基础类名animated 然后加上想要的效果名称,酱紫就可进行动画效果~

你可能感兴趣的:(前端,css,vue,动画,animate)