AnimationEffect
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2020.
The AnimationEffect interface of the Web Animations API is an interface representing animation effects.
AnimationEffect is an abstract interface and so isn't directly instantiable. However, concrete interfaces such as KeyframeEffect inherit from it, and instances of these interfaces can be passed to Animation objects for playing, and may also be used by CSS Animations and Transitions.
Instance methods
AnimationEffect.getTiming()-
Returns the object associated with the animation containing all the animation's timing values.
AnimationEffect.getComputedTiming()-
Returns the calculated timing properties for this
AnimationEffect. AnimationEffect.updateTiming()-
Updates the specified timing properties of this
AnimationEffect.
Specifications
| Specification |
|---|
| Web Animations # the-animationeffect-interface |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
AnimationEffect
|
|
|
|
|
|
|
|
|
|
|
|
|
getComputedTiming
|
|
|
|
|
|
|
|
|
|
|
|
|
getTiming
|
|
|
|
|
|
|
|
|
|
|
|
|
updateTiming
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Uses a non-standard name
- Has more compatibility info.