This is an experimental technology
Because 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.
Animation() constructor of the Web Animations API returns a new
Animation object instance.
var animation = new Animation([effect][, timeline]);
- The target effect, as an object based on the
AnimationEffectReadOnlyinterface, to assign to the animation. Although in the future other effects such as
GroupEffects might be possible, the only kind of effect currently available is
KeyframeEffect. This can be
null(which is the default) to indicate that there should be no effect applied.
- Specifies the
timelinewith which to associate the animation, as an object of a type based on the
AnimationTimelineinterface. Currently the only timeline type available is
DocumentTimeline, but in the future there my be timelines associated with gestures or scrolling, for example. The default value is
Document.timeline, but this can be set to
In the Follow the White Rabbit example, the
Animation() constructor is used to create an
Animation for the
rabbitDownKeyframes using the document's
var rabbitDownAnimation = new Animation(rabbitDownKeyframes, document.timeline);
The definition of 'Animation()' in that specification.
|Working Draft||Editor's draft.|
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari (WebKit)|
|Basic support||No support||48 (48)||No support||No support||No support|
|Feature||Android||Firefox Mobile (Gecko)||IE Phone||Opera Mobile||Safari Mobile|
|Basic support||No support||48.0 (48) ||No support||No support||No support|
 The Web Animations API is only enabled by default in Firefox Developer Edition and Nightly builds. You can enable it in release builds by setting the preference
true, and can disable it in any Firefox version by setting this preference to