Vue使用animate.css

1、在项目所在目录下执行下列命令进行依赖安装:

npm install animate.css --save

 

2、main.js中加入下列代码全局引入animate.css:

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

 

3、大致用法,注意class中加上animated:

<div class="animated fadeInUp"></div>

  格式:class="animated XXXX" ,animated后面的值可以从下面网站中获取到:

https://daneden.github.io/animate.css/

 

posted @ 2020-04-26 16:39    阅读(1846)  评论(0编辑  收藏  举报