CSS Filters are a powerful tool that authors can use to achieve varying visual effects (sort of like Photoshop filters for the browser). The CSS filter property provides access to effects like blur, grayscale, contrast or color shifting on an element’s rendering before the element is displayed.

Filters are commonly used to adjust the rendering of an image, a background, or a border. Project files are included. So let me show you how you can add visual effects to your images on the web using this fascinating CSS feature.