CSS background blend mode Property
CSS background-blend-mode Property
The background-blend-mode property is used to specify the blending mode of each background layer. The background layer may be an image or color.
Default Value:-
Its default value is normal.
Syntax:-
Its syntax is:- background-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity;
Further Explanation:-
Value | Description |
---|---|
normal | Sets the blending mode to normal |
multiply | Sets the blending mode to multiply |
screen | Sets the blending mode to screen |
overlay | Sets the blending mode to overlay |
darken | Sets the blending mode to darken |
lighten | Sets the blending mode to lighten |
color-dodge | Sets the blending mode to color-dodge |
saturation | Sets the blending mode to saturation |
color | Sets the blending mode to color |
luminosity | Sets the blending mode to luminosity |