Web/API/AnimationEffect

From Get docs

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

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
AnimationEffect Chrome

Full support 75

Edge

Full support 79

Firefox Full support 63


Full support 63


No support 48 — 63

Alternate Name'

Alternate Name' Uses the non-standard name: AnimationEffectReadOnly

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'

Alternate Name' Uses the non-standard name: AnimationEffectReadOnly

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