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 | Status | Comment |
---|---|---|
Web Animations Level 2 The definition of 'iterationComposite' in that specification. |
Draft | Initial definition. |
Browser compatibility
BCD tables only load in the browser
See also
- Web Animations API
- Property of both
KeyframeEffect
objects.