AnimationEffect

Experimental: 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 KeyframeEffect (which is used by CSS Animations and Transitions).

Methods

AnimationEffect.getTiming()

Returns the 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
Web Animations Level 2 (Web Animations 2)
# the-animationeffect-interface

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
AnimationEffect
75
79
63
48-63
No
62
13.1
75
75
63
48-63
54
13.4
11.0
getComputedTiming
75
79
63
No
62
13.1
75
75
63
54
13.4
11.0
getTiming
75
79
63
No
62
13.1
75
75
63
54
13.4
11.0
updateTiming
75
79
63
No
62
13.1
75
75
63
54
13.4
11.0

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/AnimationEffect