动画目标

css选择器

DOM元素

DOM元素列表

JavaScript对象

{"charged":"0"}

JavaScript数组

属性变化

CSS

CSS Transforms变换

javascript对象属性

{"myProperty":"0"}

DOM属性

SVG属性

动画参数

Duration(动画持续时间)

Delay(延迟播放)

Easing(动画缓冲,缓动函数)

特殊动画参数

函数返回动画参数

Duration(动画持续时间函数)

Delay(延迟动画函数)

Elasticity(缓冲强度函数)

综合以上

方向和循环

alternate(回复)方向

reverse(反)方向

loop(循环)一定次数

回复循环

反向循环

无限循环

无限反复(alternate)循环

无限反方向(reverse)循环

动画赋值

无单位数值

有单位数值

相对数值

颜色值

设定动画初始值

函数返回数值

关键帧

时间轴

时间轴

设定相对位置

设置绝对位置

时间轴参数

继承参数

动画播放控制

Play / Pause(暂停/播放)

Restart(重新开始播放)

Reverse(反转播放)

Seek(瞬移)

时间轴控制

回调函数

全部回调函数展示

Update

Begin

Run

Complete

异步对象

Finished

SVG

运动路径

变形,为两个svg形状设置动画

画线,根据svg形状线条绘制动画

动画缓冲效果(easing)

缓动效果

缓动强度

自定义贝塞尔曲线

自定义缓动函数

JavaScript


      

HTML