ウェブアニメーション API の Animation()
コンストラクタは新たに Animation
オブジェクトのインスタンスを返します。
Syntax
var animation = new Animation([effect][, timeline]);
Parameters
effect
Optional- The target effect, as an object based on the
AnimationEffectReadOnly
interface, to assign to the animation. Although in the future other effects such asSequenceEffect
s orGroupEffect
s might be possible, the only kind of effect currently available isKeyframeEffect
. This can benull
(which is the default) to indicate that there should be no effect applied. timeline
Optional- Specifies the
timeline
with which to associate the animation, as an object of a type based on theAnimationTimeline
interface. Currently the only timeline type available isDocumentTimeline
, but in the future there my be timelines associated with gestures or scrolling, for example. The default value isDocument.timeline
, but this can be set tonull
as well.
Examples
In the Follow the White Rabbit example, the Animation()
constructor is used to create an Animation
for the rabbitDownKeyframes
using the document's timeline
:
var rabbitDownAnimation = new Animation(rabbitDownKeyframes, document.timeline);
Specifications
Specification | Status | Comment |
---|---|---|
Web Animations Animation() の定義 |
草案 | Editor's draft. |
Browser compatibility
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.