The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Manipulate Images Using CSS Filter and Blend Modes

Manipulate Images Using CSS Filter and Blend Modes

2:24
Apply filters like blur, brightness, saturation and hue to images. Combined with CSS blend modes, you can create powerful image effects using only code. This can drastically reduce the amount of time spent back and forth between designers and developers. Here's more information about [`filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/filter), [`blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/blend-mode), and [`mix-blend-mode`](https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode).
Watch this lesson now
Avatar
egghead.io

Apply filters like blur, brightness, saturation and hue to images. Combined with CSS blend modes, you can create powerful image effects using only code. This can drastically reduce the amount of time spent back and forth between designers and developers.

Here's more information about filter, blend-mode, and mix-blend-mode.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?