Search

Mix Blend Mode

Utilities for controlling how an element blends with its background.

Class	CSS Output
`mix-blend-plus-lighter`	`mix-blend-mode: plus-lighter;`
`mix-blend-multiply`	`mix-blend-mode: multiply;`
`mix-blend-overlay`	`mix-blend-mode: overlay;`
`mix-blend-darken`	`mix-blend-mode: darken;`
`mix-blend-color-burn`	`mix-blend-mode: color-burn;`
`mix-blend-color`	`mix-blend-mode: color;`
`mix-blend-lighten`	`mix-blend-mode: lighten;`
`mix-blend-normal`	`mix-blend-mode: normal;`
`mix-blend-difference`	`mix-blend-mode: difference;`
`mix-blend-hard-light`	`mix-blend-mode: hard-light;`

Reference

MDN ↗