KeyframeEffect: composite-Eigenschaft
Die composite
-Eigenschaft eines KeyframeEffect
bestimmt, wie eine Animation eines Elements dessen zugrunde liegende Eigenschaftswerte beeinflusst.
Wert
Um diese Werte zu verstehen, betrachten Sie das Beispiel eines keyframeEffect
-Werts von blur(2)
, der auf einen zugrunde liegenden Eigenschaftswert von blur(3)
angewendet wird.
replace
-
Der
keyframeEffect
ersetzt den zugrunde liegenden Wert, mit dem er kombiniert wird:blur(2)
ersetztblur(3)
. add
-
Der
keyframeEffect
wird dem zugrunde liegenden Wert, mit dem er kombiniert wird, hinzugefügt (aka additiv):blur(2) blur(3)
. accumulate
-
Der
keyframeEffect
wird auf den zugrunde liegenden Wert akkumuliert:blur(5)
.
Spezifikationen
Specification |
---|
Web Animations # dom-keyframeeffect-composite |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Web Animations API
- Eigenschaft von
KeyframeEffect
-Objekten - Composite operation