New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →

#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.