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) ersetzt blur(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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
composite

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch