background-blend-mode is a feature that allows you to blend in the background images together and with the background.

Initial value normal
Applies to All elements elements in the page


background-blend-mode: screen; // values: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity


The blending mode to be used. If more than one value, separate them with commas.

Browser support


We use cookies to improve your experience. Learn more in our Privacy policy.