This is an experimental technologyCheck 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 AnimationsThe 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
Full support 75 |
Edge
Full support 79 |
Firefox Full support 63 Full support 63 No support 48 — 63 Alternate Name' Uses the non-standard name: |
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 Full support 63 No support 48 — 63 Alternate Name' Uses the non-standard name: |
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.
See also
AnimationEffect by Mozilla Contributors is licensed under CC-BY-SA 2.5.