The Web Animations API provides a common language for browsers and developers to describe animations on DOM elements. To get more information on the concepts behind the API and how to use it, readUsing the Web Animations API.

Animation

Provides playback controls and a timeline for an animation node or source. Can take an object created with theKeyframeEffect() constructor.

KeyframeEffect

Describes sets of animatable properties and values, calledkeyframes and their timing options. These can then be played using theAnimation() constructor.

AnimationTimeline

Represents the timeline of animation. This interface exists to define timeline features (inherited byDocumentTimeline and future timeline objects) and is not itself accessed by developers.

AnimationEvent

Part of theCSS Animations module, capturing the animation name and elapsed time.

DocumentTimeline

Represents animation timelines, including the default document timeline (accessed using theDocument.timeline property).

The Web Animations API adds features todocument andelement.

document.timeline

TheDocumentTimeline object representing the default document timeline.

document.getAnimations()

Returns an Array ofAnimation objects currently in effect on elements in thedocument.

Element.animate()

A shortcut method for creating and playing an animation on an element. It returns the createdAnimation object instance.

Element.getAnimations()

Returns an Array ofAnimation objects currently affecting an element or which are scheduled to do so in the future.

• CSSanimation shorthand property
• CSSanimation-timeline property
• Using the Web Animations API
• Using CSS animations
• CSS animations module
• CSS scroll-driven animations module