Background Blend Mode

Utilities for controlling how an element's background image blends with its background color.

Class	CSS Output
`bg-blend-saturation`	`background-blend-mode: saturation;`
`bg-blend-exclusion`	`background-blend-mode: exclusion;`
`bg-blend-color-burn`	`background-blend-mode: color-burn;`
`bg-blend-color`	`background-blend-mode: color;`
`bg-blend-normal`	`background-blend-mode: normal;`
`bg-blend-luminosity`	`background-blend-mode: luminosity;`
`bg-blend-multiply`	`background-blend-mode: multiply;`
`bg-blend-screen`	`background-blend-mode: screen;`
`bg-blend-overlay`	`background-blend-mode: overlay;`
`bg-blend-soft-light`	`background-blend-mode: soft-light;`

bg-blend-saturation

background-blend-mode: saturation;

bg-blend-exclusion

background-blend-mode: exclusion;

bg-blend-color-burn

background-blend-mode: color-burn;

bg-blend-color

background-blend-mode: color;

bg-blend-normal

background-blend-mode: normal;

bg-blend-luminosity

background-blend-mode: luminosity;

bg-blend-multiply

background-blend-mode: multiply;

bg-blend-screen

background-blend-mode: screen;

bg-blend-overlay

background-blend-mode: overlay;

bg-blend-soft-light

background-blend-mode: soft-light;

Reference

MDN ↗