在 vue 中使用 animate.css 最新版本

import animated from 'animate.css' // npm install animate.css --save安装,再引入

Vue.use(animated)

需要注意的是4.0版本以上的animate.css,有一些改动,看下面代码

//主要用法还是直接在标签那里加上class,4.0以上版本要加多一层前缀animate__  


//4.0以上版本
<div class="p1-btn absolute animate__animated animate__infinite animate__pulse"><img src="@static/img/p1-btn.png" alt=""></div>


//4.0之前的版本不包含4.0
      <div class="p1-btn absolute animated infinite pulse"><img src="@static/img/p1-btn.png" alt=""></div>

其他动画API可以参考官网:https://animate.style/

posted @ 2020-07-23 11:46  哈哈敲敲  阅读(580)  评论(0编辑  收藏  举报