CSS mix blend mode Property
CSS mix-blend-mode Property
The mix-blend-mode property is used to specify how an element content should blend with its direct parent background.
Default Value:-
Its default value is normal.
Syntax:-
Its syntax is:- mix-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | difference | exclusion | hue | 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 the 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 |
color-burn | Sets the blending mode to color-burn |
difference | Sets the blending mode to difference |
exclusion | Sets the blending mode to the exclusion |
hue | Sets the blending mode to hue |
saturation | Sets the blending mode to saturation |
color | Sets the blending mode to color |
luminosity | Sets the blending mode to luminosity |