DEV Community

Cover image for CSS Blend Modes
Brad Woods
Brad Woods

Posted on

CSS Blend Modes

CSS blend modes allow you to blend overlapping pixels. There are 15 different values to choose from. Each sets how pixels interact with each other.

Image description

Using blend modes, we can make paper textures, color parts of an image & create duotone effects.

Image description

For more information and interactive example, see https://garden.bradwoods.io/notes/css/blend-modes

Top comments (0)