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

BCD tables only load in the browser

See also