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

animate.css github 地址

前提

先把 animate.css 文件中的内容下载或复制到本地中，地址： https://github.com/animate-css/animate.css/blob/main/animate.css
然后，把得到的文件放在小程序根目录的 common 文件夹下，并且把该文件的后缀名修改为 .wxss

// 在 app.wxss 中添加
@import './common/animate.wxss';

修改 animate.wxss

找到 `:root` 并修改为 `page`

使用

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

效果