web api instance property
KeyframeEffect: composite property
The composite property of a KeyframeEffect resolves how an element’s animation impacts its underlying property values.
Value
To understand these values, take the example of a keyframeEffect value of blur(2) working on an underlying property value of blur(3).
replace- : The
keyframeEffectoverrides the underlying value it is combined with:blur(2)replacesblur(3).
- : The
add- : The
keyframeEffectis added to the underlying value with which it is combined (aka additive):blur(2) blur(3).
- : The
accumulate- : The keyframeEffect is accumulated on to the underlying value:
blur(5).
- : The keyframeEffect is accumulated on to the underlying value:
Specifications
SpecificationsStandards references are available on the canonical MDN page.
Browser compatibility
Browser compatibilityCompatibility data is available on the canonical MDN page.
See also
- Web Animations API
- Property of
KeyframeEffectobjects - Composite operation