← 返回首页
KeyframeEffect: composite-Eigenschaft - Web-APIs | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. Web-APIs
  3. KeyframeEffect
  4. composite
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

KeyframeEffect: composite-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2022 browserübergreifend verfügbar.

Die composite-Eigenschaft eines KeyframeEffect bestimmt, wie eine Animation eines Elements dessen zugrunde liegende Eigenschaftswerte beeinflusst.

In diesem Artikel

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

Spezifikation
Web Animations
# dom-keyframeeffect-composite

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. Web Animations API
  2. KeyframeEffect
  3. Konstruktor
    1. KeyframeEffect()
  4. Instanzeigenschaften
    1. composite
    2. iterationComposite
    3. pseudoElement
    4. target
  5. Instanzmethoden
    1. getKeyframes()
    2. setKeyframes()
  6. Vererbung
    1. AnimationEffect
  7. Verwandte Seiten für Web Animations
    1. Animation
    2. AnimationEffect
    3. AnimationEvent
    4. AnimationPlaybackEvent
    5. AnimationTimeline
    6. Document.getAnimations()
    7. Document.timeline
    8. DocumentTimeline
    9. Element.animate()
    10. Element.getAnimations()
    11. ScrollTimeline
    12. ViewTimeline
  8. Anleitungen
    1. Verwendung der Web Animations API
    2. Konzepte der Web Animations API
    3. Keyframe-Formate
    4. Web Animation API Tipps und Tricks

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.