Animation.Animation()

Experimental: 这是一个实验中的功能
此功能某些浏览器尚在开发中,请参考浏览器兼容性表格以得到在不同浏览器中适合使用的前缀。由于该功能对应的标准文档可能被重新修订,所以在未来版本的浏览器中该功能的语法和行为可能随之改变。

Animation 构造函数返回一个新的 Animation 对象实例。

语法

var animation = new Animation(effect, timeline);

参数

effect 可选
KeyframeEffect (en-US)对象分配给动画。(在将来,其他类型的效果,如 SequenceEffects 或 GroupEffects 是可能被实现的,但现在,唯一的效果是 KeyframeEffect。)
timeline 可选
指定与动画关联的时间轴。(目前唯一可用的时间轴类型是DocumentTimeline (en-US),但在将来我会有与手势或滚动相关联的时间轴。)默认为Document.timeline。 这也可以设置为 null。

例子

White Rabbit示例中,Animation 构造函数用于使用文档时间轴为兔子创建关键帧动画:

var rabbitDownAnimation = new Animation(rabbitDownKeyframes, document.timeline);

规范

Specification
Web Animations
# dom-animation-animation

浏览器支持

BCD tables only load in the browser

相关内容