W3cubDocs

/Web APIs

KeyframeEffect: iterationComposite property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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.

Value

One of the following:

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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
iterationComposite No No 80 No 16.4 No 80 No 16.4 No No 16.4

See also

© 2005–2025 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