This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The iterationComposite property of a KeyframeEffectReadOnly or a KeyframeEffect resolves how the the animation's property value changes accumulate or override each other upon each of the animation's iterations.
Note: For KeyframeEffect, this property is both a getter and a setter. For KeyframeEffectReadOnly, it is read-only.
// getting var iterationCompositeEnumeration = keyframeEffect.iterationComposite; // setting keyframeEffect.iterationComposite = 'replace';
keyframeEffect value produced is independent of the current iteration.keyframeEffect build on the final value of the previous iteration.| Specification | Status | Comment |
|---|---|---|
| Web Animations The definition of 'keyframeEffectReadOnly.iterationComposite' in that specification. | Working Draft | Editor's draft. |
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | No support | No support | No support | No support | No support |
| Feature | Android | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|---|
| Basic support | No support | No support | No support | No support | No support | No support | No support | No support |
KeyframeEffectReadOnly and KeyframeEffect objects. Only the latter is mutable.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffectReadOnly/iterationComposite