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 the animation's property value changes accumulate or override each other upon each of the animation's iterations.


// getting
var iterationCompositeEnumeration = keyframeEffect.iterationComposite;

// setting
keyframeEffect.iterationComposite = 'replace';


The keyframeEffect value produced is independent of the current iteration.
Subsequent iterations of the keyframeEffect build on the final value of the previous iteration.


Specification Status Comment
Web Animations
The definition of 'KeyframeEffect.iterationComposite' in that specification.
Working Draft Editor's draft.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support ? ?63 ? ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? ?63 ? ? ?

See also

Document Tags and Contributors

Contributors to this page: fscholz, hiikezoe, birtles, rachelnabors, chrisdavidmills
Last updated by: fscholz,