AnimationEffect

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The AnimationEffect interface of the Web Animations API defines current and future animation effects like KeyframeEffect, which can be passed to Animation objects for playing, and KeyframeEffectReadOnly (which is used by CSS Animations and Transitions).

Methods

AnimationEffect.getTiming()
Returns the EffectTiming 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 Status Comment
Web Animations
The definition of 'AnimationEffect' in that specification.
Working Draft Editor's draft.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
AnimationEffectChrome Full support 75Edge Full support 79Firefox Full support 63
Full support 63
No support 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
IE No support NoOpera Full support 62Safari Full support 13.1WebView Android Full support 75Chrome Android Full support 75Firefox Android Full support 63
Full support 63
No support 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
Opera Android Full support 54Safari iOS Full support 13.4Samsung Internet Android Full support 11.0
getComputedTimingChrome Full support 75Edge Full support 79Firefox Full support 63IE No support NoOpera Full support 62Safari Full support 13.1WebView Android Full support 75Chrome Android Full support 75Firefox Android Full support 63Opera Android Full support 54Safari iOS Full support 13.4Samsung Internet Android Full support 11.0
getTimingChrome Full support 75Edge Full support 79Firefox Full support 63IE No support NoOpera Full support 62Safari Full support 13.1WebView Android Full support 75Chrome Android Full support 75Firefox Android Full support 63Opera Android Full support 54Safari iOS Full support 13.4Samsung Internet Android Full support 11.0
updateTimingChrome Full support 75Edge Full support 79Firefox Full support 63IE No support NoOpera Full support 62Safari Full support 13.1WebView Android Full support 75Chrome Android Full support 75Firefox Android Full support 63Opera Android Full support 54Safari iOS Full support 13.4Samsung Internet Android Full support 11.0

Legend

Full support  
Full support
No support  
No support
Uses a non-standard name.
Uses a non-standard name.

See also