New! My 44-page ebook "CSS in 44 minutes" is out! 😃
#mix-blend-mode
Defines how the element should blend with the background.
default
mix-blend-mode: normal;
The element does not blend.
mix-blend-mode: multiply;
The element uses the multiply blend mode.
mix-blend-mode: screen;
The element uses the screen blend mode.
mix-blend-mode: overlay;
The element uses the overlay blend mode.
mix-blend-mode: darken;
The element uses the darken blend mode.
mix-blend-mode: lighten;
The element uses the lighten blend mode.
mix-blend-mode: color-dodge;
The element uses the color-dodge blend mode.
mix-blend-mode: color-burn;
The element uses the color-burn blend mode.
mix-blend-mode: hard-light;
The element uses the hard-light blend mode.
mix-blend-mode: soft-light;
The element uses the soft-light blend mode.
mix-blend-mode: difference;
The element uses the difference blend mode.
mix-blend-mode: exclusion;
The element uses the exclusion blend mode.
mix-blend-mode: hue;
The element uses the hue blend mode.
mix-blend-mode: saturation;
The element uses the saturation blend mode.
mix-blend-mode: color;
The element uses the color blend mode.
mix-blend-mode: luminosity;
The element uses the luminosity blend mode.