前言:如果你想给自己项目中添加animate.css库中的动态效果,那么办法如下:
- 下载animate.css
npm install animate.css --save
或者
yarn add animate.css
2.往main中引入animate.css
import 'animate.css';
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>