KeyframeEffect.iterationComposite

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The iterationComposite property of a KeyframeEffect resolves how the animation's property value changes accumulate or override each other upon each of the animation's iterations.

Syntax

// getting
var iterationCompositeEnumeration = keyframeEffect.iterationComposite;

// setting
keyframeEffect.iterationComposite = 'replace';

Values

replace

The keyframeEffect value produced is independent of the current iteration.

accumulate

Subsequent iterations of the keyframeEffect build on the final value of the previous iteration.

Specifications

Specification
Web Animations Level 2 (Web Animations 2)
# dom-keyframeeffect-iterationcomposite

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
iterationComposite
No
No
80
63-79
No
No
No
No
No
80
63-79
No
No
No

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/KeyframeEffect/iterationComposite