Mix Blend Mode

Utilities for controlling how an element blends with its background.

mix-blend-lighten

mix-blend-mode: lighten;

mix-blend-hue

mix-blend-mode: hue;

mix-blend-plus-lighter

mix-blend-mode: plus-lighter;

mix-blend-color

mix-blend-mode: color;

mix-blend-hard-light

mix-blend-mode: hard-light;

mix-blend-exclusion

mix-blend-mode: exclusion;

mix-blend-color-dodge

mix-blend-mode: color-dodge;

mix-blend-normal

mix-blend-mode: normal;

mix-blend-soft-light

mix-blend-mode: soft-light;

mix-blend-color-burn

mix-blend-mode: color-burn;

Reference

MDN ↗