Skip to main content

Adobe brings Photoshop filters to the browser

We're all used to using Photoshop (opens in new tab) filters to apply visual effects like blur, grayscale, drop shadows, and sepia to our images. Now Adobe (opens in new tab) has launched CSS Custom Filters (opens in new tab), which enable you to apply filters to not just images, but any HTML or SVG element in real time, right in the browser.

  • Read all our CSS-related posts here

Effects go beyond those offered by standard Photoshop filters

Effects go beyond those offered by standard Photoshop filters

Custom CSS Filters go beyond the effects offered by standard Photoshop filters to create effects such as flipping pages, curling corners, paper textures, curtain effects, a magnifying glass, "or anything else you can express in a shading language".

To explain what CSS Filters are and how you can use them, Adobe has built an application called CSS FilterLab (opens in new tab). It has also released this explanatory video:

Liked this? Read these!

Have you had a play with CSS Custom Filters yet? Share your views in the comments below!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.