Baseline 2022

Newly available

Since September 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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


Returns the object associated with the animation containing all the animation's timing values.


Returns the calculated timing properties for this AnimationEffect.


Updates the specified timing properties of this AnimationEffect.


Web Animations
# the-animationeffect-interface

Browser compatibility

BCD tables only load in the browser

See also