更新记录

1.0.1(2024-03-12) 下载此版本

整合animate.css动画及文档,方便各位开发者使用


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.8.3 app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

先上详细文档:animate.css详细教程

在线体验地址:animate.css在线体验

使用步骤:

1、下载插件,插件就是完整项目,里面有完整的animate.css

2、引入animate.css

如下图所示,static文件夹下面有两个文件,一个是animate.css未压缩版本,一个是animate.css压缩版本,未压缩版本供各位学习,压缩版本可以放在正式项目里面使用

3、使用示例

引入css后,在需要添加动画的元素上,添加animate__animated和相应动画的class 就可以了,如下图所示:

为方便大家使用,可以在animate.css在线演示查看和复制相应的class

详细文档:animate.css详细教程

此项目旨在分享,因为这个animate官方网站特别卡,所以我基本上是把官网上核心的东西都搬过来了,目的就是为了方便自己和其他需要在uniapp中使用animate.css的朋友使用,以此记录,如各位在使用过程中遇到一些问题,或者教程有不当的地方,还请指点出来,以防止后来者踩坑!

一起为前端添砖加瓦!!!

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问