The "background-blend-mode" CSS Property

This property sets the blending mode of each background layer.

Values for "background-blend-mode"

CSS Level	Value
Compositing and Blending Level 2	"<mix-blend-mode>#", where <mix-blend-mode> = "<blend-mode> | plus-darker | plus-lighter", and <blend-mode> = "normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity"
Compositing and Blending Level 1	<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"

Recommended Links

• CanIUse.com: Search "background-blend-mode" (browser compatibility information)
• CanIEmail.com: Search "background-blend-mode" (email client compatibility information)
• Composting and Blending 1: background-blend-mode property
• Composting and Blending 2: background-blend-mode property
• MDN: background-blend-mode property
• Quackit: background-blend-mode property

Search Engine Links (for more information)

• Bing "CSS background-blend-mode property"
• Google "CSS background-blend-mode property"