animation-composition
Description
The animation-composition property for CSS defines the composite operation used when multiple animations affect the same property simultaneously.
Syntax
CSS
animation-composition: value;
JS
object.style.animationComposition = "value";
Values
<'animation-composition'> = <single-animation-composition>#
<single-animation-composition> = replace | add | accumulate
replace
The result of compositing the effect value with the underlying value is simply the effect value.
add
The effect value is added to the underlying value. For animation types where the addition operation is defined such that it is not commutative, the order of the operands is underlying value + effect value.
accumulate
The effect value is accumulated onto the underlying value. For animation types where the accumulation operation is defined such that it is not commutative, the order of the operands is underlying value followed by effect value.
Initial
replace
