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.
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.
| Specification |
|---|
| Web Animations> # the-animationeffect-interface> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
AnimationEffect |
75 | 79 | 6348–63 | 62 | 13.1 | 75 | 6348–63 | 54 | 13.4 | 11.0 | 75 | 13.4 |
getComputedTiming |
75 | 79 | 63 | 62 | 13.1 | 75 | 63 | 54 | 13.4 | 11.0 | 75 | 13.4 |
getTiming |
75 | 79 | 63 | 62 | 13.1 | 75 | 63 | 54 | 13.4 | 11.0 | 75 | 13.4 |
updateTiming |
75 | 79 | 63 | 62 | 13.1 | 75 | 63 | 54 | 13.4 | 11.0 | 75 | 13.4 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/AnimationEffect