微信小程序如何使用Animate.css最新版4.1.1

前言

在网上找了很多相关的教程，很多文章都是出自一个人，而且使用animate的版本都是3.x的版本，比较老，官网最新的很多效果都不能使用，所以就研究了下，写个最新版的教程，可以给用到的人得到点帮助。

一、下载

// 下载后别忘记把后缀名修改为wxss
https://github.com/animate-css/animate.css/blob/main/animate.css

二、引用

// 将下载的文件放入小程序根目录utils文件夹下
// 在app.wxss下引用
@import "/utils/animate.wxss";

三、修改animate.wxss

将:root修改为page

四、使用

<!-- 第一个参数是固定，第二个参数是效果。还有循环次数，延迟等参数，具体看官网文档就可以了-->
<view class="animate__animated animate__bounce">效果展示</view>

五、Demo