前端css动画库 Animate.css的使用

408 阅读1分钟

一、安装Animate.css

npm install animate.css --save
或者
使用cnpm install animate.css --save

二、第二步

在node_modules下边找到animate.css文件

image.png

把animate.css文件复制一份到utils目录下

image.png

注意:小程序中使用需呀把 :root修改成page

image.png

三、第三步

在入口文件

全局引入animate.css import './utils/animate.css';

就可以正常使用了

注意:一定记得加上animate__animated不然会没有效果的!

<div class='animate__animated animate__fadeInUpBig animate__delay-2s' >animate</div>