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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
AnimationEffect | Chrome Full support 75 | Edge Full support 79 | Firefox
Full support
63
| IE No support No | Opera Full support 62 | Safari Full support 13.1 | WebView Android Full support 75 | Chrome Android Full support 75 | Firefox Android
Full support
63
| Opera Android Full support 54 | Safari iOS Full support 13.4 | Samsung Internet Android Full support 11.0 |
getComputedTiming | Chrome Full support 75 | Edge Full support 79 | Firefox Full support 63 | IE No support No | Opera Full support 62 | Safari Full support 13.1 | WebView Android Full support 75 | Chrome Android Full support 75 | Firefox Android Full support 63 | Opera Android Full support 54 | Safari iOS Full support 13.4 | Samsung Internet Android Full support 11.0 |
getTiming | Chrome Full support 75 | Edge Full support 79 | Firefox Full support 63 | IE No support No | Opera Full support 62 | Safari Full support 13.1 | WebView Android Full support 75 | Chrome Android Full support 75 | Firefox Android Full support 63 | Opera Android Full support 54 | Safari iOS Full support 13.4 | Samsung Internet Android Full support 11.0 |
updateTiming | Chrome Full support 75 | Edge Full support 79 | Firefox Full support 63 | IE No support No | Opera Full support 62 | Safari Full support 13.1 | WebView Android Full support 75 | Chrome Android Full support 75 | Firefox Android Full support 63 | Opera Android Full support 54 | Safari iOS Full support 13.4 | Samsung 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.