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 AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome ? Edge ? Firefox Full support 63
Full support 63
No support 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63
Full support 63
No support 48 — 63
Alternate Name
Alternate Name Uses the non-standard name: AnimationEffectReadOnly
Opera Android ? Safari iOS ? Samsung Internet Android ?
getComputedTimingChrome ? Edge ? Firefox Full support 63IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63Opera Android ? Safari iOS ? Samsung Internet Android ?
getTimingChrome ? Edge ? Firefox Full support 63IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63Opera Android ? Safari iOS ? Samsung Internet Android ?
updateTimingChrome ? Edge ? Firefox Full support 63IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android Full support 63Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown
Uses a non-standard name.
Uses a non-standard name.

See also

Document Tags and Contributors

Contributors to this page: fscholz, ngyikp, teoli, Sheppy, suzyh, rachelnabors, chrisdavidmills
Last updated by: fscholz,