Published on May 25, 2021

background-blend-mode: multiply

Sridhar Katakam

I’ve recently discovered that setting background-blend-mode: multiply to an element that has a background image set makes it appear more vibrant and not washed out.

Before:

After:

css-tricks article.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right