KeyframeEffect: composite-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
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
keyframeEffectersetzt den zugrunde liegenden Wert, mit dem er kombiniert wird:blur(2)ersetztblur(3). add-
Der
keyframeEffectwird dem zugrunde liegenden Wert, mit dem er kombiniert wird, hinzugefügt (aka additiv):blur(2) blur(3). accumulate-
Der
keyframeEffectwird auf den zugrunde liegenden Wert akkumuliert:blur(5).
Spezifikationen
| Specification |
|---|
| Web Animations # dom-keyframeeffect-composite |
Browser-Kompatibilität
Loading…
Siehe auch
- Web Animations API
- Eigenschaft von
KeyframeEffect-Objekten - Composite operation