创新互联百度小程序教程：swan.createAnimation

swan.createAnimation
- 方法参数
  - 返回值
  - object 参数说明
  - timingFunction 有效值
- 示例
  - 代码示例 1
  - 代码示例 2：参数默认值
  - 代码示例 3：timingFunction

swan.createAnimation

解释：创建一个动画实例 animation 。

方法参数

Object object

返回值

Animation

object 参数说明

duration

Number

否

400

动画持续时间（单位：ms）

timingFunction

String

否

‘linear’

定义动画的效果

delay

Number

否

动画延迟时间（单位：ms）

transformOrigin

String

否

‘50% 50% 0’

动画

属性名	类型	必填	默认值	说明

timingFunction 有效值

linear

以相同速度开始至结束

ease

慢速开始，然后变快，然后慢速结束

ease-in

慢速开始的过渡效果

ease-in-out

动画以低速开始和结束

ease-out

动画以低速结束

step-start

动画第一帧就跳至结束状态直到结束

step-end

动画一直保持开始状态，最后一帧跳到结束状态

值	说明

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例 1

SWAN
JS
CSS

代码示例 2：参数默认值

在开发者工具中打开

在 WEB IDE 中打开

SWAN
JS

代码示例 3：timingFunction

在开发者工具中打开

在 WEB IDE 中打开

SWAN
JS

分享标题：创新互联百度小程序教程：swan.createAnimation
网站网址：http://www.shufengxianlan.com/qtweb/news6/328856.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容