vue2关于animate.css添加动画

139 阅读1分钟

前言:如果你想给自己项目中添加animate.css库中的动态效果,那么办法如下:

image.png

  1. 下载animate.css
   npm install animate.css --save
  或者
  yarn add animate.css

2.往main中引入animate.css

  import 'animate.css';

image.png

3.使用:给想要添加动画的元素添加clss类名即可

<h1 class="animate__animated animate__bounce">An animated element</h1>

4.若是想更改动画时间直接在被添加动画的元素上利用设置style样式即可成功

 <div class="animate__animated animate__bounce" style="animation-duration:2s"></div>