tas2580
Blog über Webentwicklung

CSS - background-blend-mode

Die background-blend-mode Eigenschaft definiert die Füllmethode jeder Hintergrundschicht (Farbe und / oder Bild).

Beispiel

div { 
    background-blend-mode: color-dodge;
}

Definition und Verwendung

Standard Wert:
normal
CSS Version:
CSS3
Vererbt sich:
Nein
Animierbar:
Nein

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
color Legt den blending mode auf färben.
color-dodge Legt den blending mode auf Farb ausweichen.
darken Legt den blending mode auf verdunkeln.
lighten Legt den blending mode auf aufhellen.
luminosity Legt den blending mode auf Helligkeit.
multiply Der blending mode vermehrt sich.
normal Dies ist die Standardeinstellung. Der blending mode ist Normal.
overlay Legt den blending mode auf überlagern.
saturation Legt den blending mode auf Sättigung.
screen Legt den blending mode auf Bildschirm.