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||Android webview||Chrome for Android||Edge mobile||Firefox for Android||Opera Android||iOS Safari||Samsung Internet|
1. From version 48: this feature is behind the
dom.animations-api.core.enabled preference (needs to be set to
true). To change preferences in Firefox, visit about:config.