平台差异说明

    注意:

    参数类型必填默认值说明
    durationInteger400动画持续时间,单位ms
    timingFunctionString"linear"定义动画的效果
    delayInteger0动画延迟时间,单位 ms
    transformOriginString"50% 50% 0"设置transform-origin

    timingFunction 有效值:

    说明
    linear动画从头到尾的速度是相同的
    ease动画以低速开始,然后加快,在结束前变慢
    ease-in动画以低速开始
    ease-in-out动画以低速开始和结束
    ease-out动画以低速结束
    step-start动画第一帧就跳至结束状态直到结束
    step-end动画一直保持开始状态,最后一帧跳到结束状态

    animation

    animation 对象的方法列表:

    样式:

    旋转:

    方法参数说明
    rotatedegdeg的范围-180~180,从原点顺时针旋转一个deg角度
    rotateXdegdeg的范围-180~180,在X轴旋转一个deg角度
    rotateYdegdeg的范围-180~180,在Y轴旋转一个deg角度
    rotateZdegdeg的范围-180~180,在Z轴旋转一个deg角度
    rotate3d(x,y,z,deg)

    缩放:

    方法参数说明
    scalesx,[sy]一个参数时,表示在X轴、Y轴同时缩放sx倍数;两个参数时表示在X轴缩放sx倍数,在Y轴缩放sy倍数
    scaleXsx在X轴缩放sx倍数
    scaleYsy在Y轴缩放sy倍数
    scaleZsz在Z轴缩放sy倍数
    scale3d(sx,sy,sz)在X轴缩放sx倍数,在Y轴缩放sy倍数,在Z轴缩放sz倍数

    倾斜:

    方法参数说明
    skewax,[ay]参数范围-180~180;一个参数时,Y轴坐标不变,X轴坐标延顺时针倾斜ax度;两个参数时,分别在X轴倾斜ax度,在Y轴倾斜ay度
    skewXax参数范围-180~180;Y轴坐标不变,X轴坐标延顺时针倾斜ax度
    skewYay参数范围-180~180;X轴坐标不变,Y轴坐标延顺时针倾斜ay度

    矩阵变形:

    方法参数说明
    matrix(a,b,c,d,tx,ty)transform-function matrix
    matrix3d

    动画队列

    调用动画操作方法后要调用 来表示一组动画完成,可以在一组动画中调用任意多个动画方法,一组动画中的所有动画会同时开始,一组动画完成后才会进行下一组动画。 可以传入一个跟 一样的配置参数用于指定当前组动画的配置。


    发现错误?想参与编辑?在 GitHub 上编辑此页面!