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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
AnimationEffect | Chrome ? | Edge ? | Firefox
Full support
63
| IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android
Full support
63
| Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
getComputedTiming | Chrome ? | Edge ? | Firefox Full support 63 | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android Full support 63 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
getTiming | Chrome ? | Edge ? | Firefox Full support 63 | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android Full support 63 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
updateTiming | Chrome ? | Edge ? | Firefox Full support 63 | IE ? | Opera ? | Safari ? | WebView Android ? | Chrome Android ? | Firefox Android Full support 63 | Opera 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.