CSS · Colour and backgrounds

mix-blend-mode

Blends an element with what is behind it.

cssRunnable example css course

Syntax

mix-blend-mode: multiply

Example

Try it

.demo { background: #e4472b; mix-blend-mode: multiply; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.