Web Animations API
**Web Animations API** 允许同步和定时更改 Web 页面呈现，即 DOM 元素的动画。它通过结合两种模型来实现：计时模型和动画模型。
概念和用法
Web Animations API 为浏览器和开发人员提供了一种通用语言来描述 DOM 元素上的动画。要获取有关 API 背后概念以及如何使用它的更多信息，请阅读 使用 Web Animations API。
Web Animations 接口
Animation-
为动画节点或源提供回放控制和时间线。可以采用使用
KeyframeEffect()构造函数创建的对象。 KeyframeEffect-
描述一组可动画属性和值，称为**关键帧**及其计时选项。然后可以使用
Animation()构造函数播放这些关键帧。 AnimationTimeline-
表示动画的时间线。此接口旨在定义时间线功能（由
DocumentTimeline和未来的时间线对象继承），开发人员本身不访问它。 AnimationEvent-
作为 CSS 动画 模块的一部分，捕获动画名称和经过时间。
DocumentTimeline-
表示动画时间线，包括默认的文档时间线（使用
Document.timeline属性访问）。
对其他接口的扩展
对 Document 接口的扩展
document.timeline-
表示默认文档时间线的
DocumentTimeline对象。 document.getAnimations()-
返回一个
Animation对象数组，这些对象当前对document中的元素有效。
对 Element 接口的扩展
Element.animate()-
用于在元素上创建和播放动画的快捷方法。它返回创建的
Animation对象实例。 Element.getAnimations()-
返回一个
Animation对象数组，这些对象当前正在影响元素或将来计划影响元素。
规范
| 规范 |
|---|
| Web Animations |
另请参阅
- CSS
animation简写属性 - CSS
animation-timeline属性 - 使用 Web Animations API
- 使用 CSS 动画
- CSS 动画 模块
- CSS 滚动驱动的动画 模块