Adobe launches CSS Custom Filters, allowing you to apply filters to images - and any other HTML element - real time in the browser.
We're all used to using Photoshop filters to apply visual effects like blur, grayscale, drop shadows, and sepia to our images. Now Adobe has launched CSS Custom Filters, which enable you to apply filters to not just images, but any HTML or SVG element in real time, right in the browser.
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. It has also released this explanatory video: