This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

Animation

Summary

Animations are represented by the Animation interface.

Inherits from AnimationNodeAnimationNode

Properties

effect
:

target
:

Methods

clone
Creates a copy of an Animation object.

constructor
:

Events

No events.

Inherited from AnimationNode

Properties

computedTiming
Returns the calculated timing properties for this animation node. This is comparable to the computed style of an Element, window.getComputedStyle(elem). Although several of the attributes of the this object are common to the AnimationTiming object returned by the timing attribute, they have the following differences: duration – returns the calculated value of the iteration duration. If timing.duration is the string auto or any unsupported value, this attribute will return the current calculated value of the intrinsic iteration duration. fill – the auto value is replaced with the specific FillMode depending on the type of animation node (see §5.8.1 The FillMode enumeration). easing – unrecognised or unsupported values are replaced with the string linear.
nextSibling
The next sibling of this animation node.
parent
The parent animation group of this animation node or null if this animation node does not have a parent animation group.
previousSibling
The previous sibling of this animation node.
timing
Returns the input timing properties specified for this animation node. This is comparable to the specified style on an Element, elem.style.

Methods

after

Inserts nodes after this animation node.

If there is no parent animation group, terminate these steps. If any of the animation nodes in nodes is an inclusive ancestor of this animation node throw a HierarchyRequestError exception and terminate these steps. Let reference child be the next sibling of this animation node not in nodes. Insert nodes before reference child.

before

Inserts nodes before this animation node.

If there is no parent animation group, terminate these steps. If any of the animation nodes in nodes is an inclusive ancestor of this animation node throw a HierarchyRequestError exception and terminate these steps. Insert nodes before this animation node. Note that this definition precludes the following usage since node is an inclusive ancestor of itself:

         node.before(node); // throws HierarchyRequestError
remove

Removes this animation node from its parent animation group or player.

replace

Replaces this AnimationNode with the passed in nodes.

If there is no parent animation group, terminate these steps. If any of the animation nodes in nodes is an inclusive ancestor of the parent animation group throw a HierarchyRequestError exception and terminate these steps. Let reference child be the next sibling of this animation node not in nodes. Remove this animation node from its parent animation group. Insert nodes before reference child.

Events

No events.

Related specifications

Web Animations 1.0
W3C Working Draft