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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support ? ?

63

48 — 631

? ? ?
getComputedTiming ? ?63 ? ? ?
getTiming ? ?63 ? ? ?
updateTiming ? ?63 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? ?

63

48 — 631

? ? ?
getComputedTiming ? ? ?63 ? ? ?
getTiming ? ? ?63 ? ? ?
updateTiming ? ? ?63 ? ? ?

1. Supported as AnimationEffectReadOnly.

See also

Document Tags and Contributors

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