CSS3 Filters

CSS3 Filters are a powerful tool that web authors can use to achieve interesting visual effects. Originated as part of the Scalable Vector Graphics (SVG) specification. Browser vendors such Mozilla, Chrome, Opera and IE added SVG capabilities. It now realized effectiveness and usefulness of filters when it became popular on Front End Developers and Designer. IE’s deprecated their own old CSS Filters to adopt the changes on CSS3 on their IE latest version.

CSS3 Filters, check the Compatibility and W3 Samples includes the following:

filter: blur(0px);
filter: brightness(1);
filter: contrast(1);
filter: url(0);
filter: drop-shadow(0);
filter: grayscale(0);
filter: hue-rotate(0deg);
filter: invert(0);
filter: opacity(1);
filter: sepia(0);
filter: saturate(1);
filter: custom(); – Check Here

Understanding the CSS Filters

Leave a Reply