1、微信小程序动画有自己的方法：官方链接
但需要自己去写动画效果，比较麻烦。
2、本文介绍的是把animate.css这个非常棒的css库引入到小程序内使用。
animate.css包含76种动画，使用非常简单。animate.css官网 : https://daneden.github.io/animate.css/
3、由于小程序对代码大小限制比较大，所以删除了animate.css中 所有@-webkit-部分css，减少了一半体积
再把文件后缀名改为wxss，以后出来的百度小程序、支付宝小程序、今日头条小程序估计修改对应的后缀名就可以直接使用了。
下载地址：http://nodejs999.com/animate.wxss
4、放到小程序代码中，然后@import到app.wxss文件中。
我项目是把animate.wxss文件放在utils文件夹下。
所以在app.wxss中加入 @import './utils/animate.wxss'; 即可。
就可以像animate.css一样使用了。
看到你的第三步，于是我写了一个正则，可以在vscode中，进行批量的删除处理@-webkiet的方式，这样就不用每次手工的去删除了，希望有用
@-webkit.*(\n*[^@]*)\}
我好菜鸭，有没有人举个栗子给我看看怎么用的，我已经添加到utils文件夹下了，也在app.wxss中加入 @import './utils/animate.wxss'; ，后面呢，要怎么使用，爸爸们
官网提供写法是错误的
官方写法（class="animate__bounce"）
实际有效写法（class="animated bounce"）
这个现在用不了了，在class里面指定" animate__animated animate__bounce " 没效果。但是在自定义的class里面引用keyframe是有效的。
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}// 改为page{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}mark
记号，耶
发现一个问题 ，类名只能写在最外面的view里面， 不能写在里面的， 否则就没效果
mark
知道了。
动画过程中，可以使用
bindtransitionendbindanimationstartbindanimationiterationbindanimationend来监听动画事件。动画结束的回调事件，可以监听吗？