微信小程序使用animate动画教程

1.下载文件。

路径：https://download.csdn.net/download/qq_42740797/12703601
官网路径：https://animate.style/

2.在项目根目录新建一个“style”文件夹存放下载样式文件。

3.全局导入样式，在“app.wxss”文件最开始引入。

4.使用。

注意：动画类要去掉“animate__”.
每个动画都有的五个参数：

animation: 动画名持续时长速度曲线开始时延迟的时长播放次数轮流反向播放

第一种：
直接给全部类。

<view class="animate heartBeat infinite">动画</view>
//第一个类：animate基本类 第二个类：需要执行的动画类 第三个类：一直执行该动画。

第二种：
在类样式中引用animate，添加完成后再引用该类。
示例如下：

.move{animation: heartBeat 1s infinite; //第一个参数：动画 第二个参数：执行时长 第三个参数：一直执行该动画。
}

<view class="move">动画</view>

微信小程序使用animate动画教程相关推荐

“完美”解决微信小程序购物车抛物动画，在连续点击时出现计算错误问题，定时器停不下来。
"完美"解决微信小程序购物车抛物动画,在连续点击时出现计算错误问题,定时器停不下来. 参考文章: (1)"完美"解决微信小程序购物车抛物动画,在连续点击时出现计 ...
微信小程序云函数使用教程【超详细】
背景需求在本人的项目中,需要调用一个http的接口,而微信小程序所有的网络请求都得使用https,因而需要一个中转站,使得在正式发布的时候可以使用http接口.(在调试环境下,只要在本地设置里勾选& ...
微信小程序使用WeUI入门教程
微信小程序使用WeUI入门教程在学习微信小程序过程中,很多组件的样式需要自己调整,且很多不是我们想要的样子.所以找到了WeUI这样的扩展组件库,预览了组件库,真的非常nice! 但是找不到怎么去引用 ...
个体门店微信小程序在线开店的教程
个体门店微信小程序在线开店的教程,在前面写过一篇文章有关个体门店微信小程序如何注册和认证流程总结,写得有些粗略,有很多个体门店商家都在问具体怎么样操作才能拥有自己的可马上运营微信小程序. 如果对关于个 ...
微信小程序js过度动画
微信小程序js过度动画如有错误还请大神指教.如果觉得不错可以关注我了解更多. 一,我们先来看看效果吧. 二,我们用的是js的逐帧动画,css也可有相同的效果,我们这里用js // pages/arr ...
微信小程序登录页动画-云层漂浮
前言 2017年前端火了,微信小程序.weex.reactnative,就连支付宝也搞起了小程序,总感觉这是原生要毁灭的节奏啊,我也乘热上车万一波. 上效果图(GI动态图) 当我看到这张背景图的时候, ...
微信小程序缓存获取数据教程
微信小程序缓存获取数据教程每个微信小程序都可以有自己的本地缓存,可以通过 wx.setStorage(wx.setStorageSync).wx.getStorage(wx.getStorageSy ...
表情包壁纸独立后台美化二开版本新增加神器功能微信小程序源码下载+教程自动采集
相信玩小程序的朋友对这款小程序应该也不陌生这是前半年很火的一款微信表情包小程序功能之前的版本内置了表情包还有壁纸功能这一期的版本给优化了一下UI和新增加了一些喝酒神器功能具体新增加的喝酒神器功 ...
新款最火表情包壁纸独立后台美化二开版本新增加喝酒神器功能微信小程序源码下载+教程自动采集
相信玩小程序的朋友对这款小程序应该也不陌生这是前半年很火的一款微信表情包小程序功能之前的版本内置了表情包还有壁纸功能这一期的版本给优化了一下UI和新增加了一些喝酒神器功能具体新增加的喝酒神器功 ...

微信小程序使用animate动画教程

1.下载文件。

2.在项目根目录新建一个“style”文件夹存放下载样式文件。

3.全局导入样式，在“app.wxss”文件最开始引入。

4.使用。

微信小程序使用animate动画教程相关推荐

最新文章

热门文章

微信小程序 使用animate动画教程

1.下载文件。

2.在项目根目录新建一个“style”文件夹存放下载样式文件。

3.全局导入样式，在“app.wxss”文件最开始引入。

4.使用。

微信小程序 使用animate动画教程相关推荐

最新文章

热门文章

微信小程序使用animate动画教程

微信小程序使用animate动画教程相关推荐