Background blend mode

/* One value */
background-blend-mode: normal;

/* Two values, one per background */
background-blend-mode: darken, luminosity;

/* Global values */
background-blend-mode: initial;
background-blend-mode: inherit;
background-blend-mode: revert;
background-blend-mode: unset;

Source: developer.mozilla.org

Background blend mode Property

<blend-mode>#
where 
<blend-mode> = normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity

Source: developer.mozilla.org

Similar codes

3 votes352 views3 answers
How to change text on hover css
CSS
0 vote356 views2 answers
Also define the standard property 'background-clip' for compatibility
CSS
34 votes361 views3 answers
Css blur background image only
CSS
0 vote383 views1 answer
SCSS Auto link coloured button style
CSS
38 votes331 views6 answers
Text gradient css
CSS
0 vote337 views1 answer
Add elipses to a dom element with css
CSS
0 vote334 views2 answers
Can i use css in react native
CSS
0 vote310 views2 answers
Vertically and horizontally center a fixed div
CSS
1 vote356 views1 answer
Align centre
CSS
145 votes447 views6 answers
Add bootstrap to react
CSS Bootstrap