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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
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.

See also