The "mix-blend-mode" CSS Property

This property defines the formula that must be used to mix the colors with the backdrop.

Values for "mix-blend-mode"

CSS Level	Value
Compositing and Blending Level 2	"<blend-mode> | plus-darker | plus-lighter", where <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 "mix-blend-mode" (browser compatibility information)
• CanIEmail.com: Search "mix-blend-mode" (email client compatibility information)
• Composting and Blending 1: mix-blend-mode property
• Composting and Blending 2: mix-blend-mode property
• MDN: mix-blend-mode property
• Quackit: mix-blend-mode property

Search Engine Links (for more information)

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