Web Animations API

This is an experimental technologyBecause this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

The Web Animations API allows for synchronizing and timing changes to the presentation of a Web page, i.e. animation of DOM elements. It does so by combining two models: the Timing Model and the Animation Model.

Concepts and usage

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, read Using the Web Animations API.

Represents a sequence of keyframes that can be shared between KeyframeEffect objects. By using SharedKeyframeList objects, multiple KeyframeEffect objects can re-use the same keyframes without paying the cost of parsing them multiple times.

Extensions to the Element interface

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

Web Animations read-only interfaces

The following interfaces are included in the spec for purposes such as defining features used in multiple other places. You wouldn't directly use these in web development work, but they may be interesting for library authors to understand how the technology works so their implementations can be more effective, or for browser engineers looking for an easier reference than the spec provides.