O'Reilly logo

Mastering jQuery by Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding filters using CSS3

Filter support has been available for some time, at least within the major desktop browsers, although we still need to use the -webkit- vendor prefix support, as we are not yet entirely prefix free:

Adding filters using CSS3

Note

Information about the preceding image is taken from the CanIUse website, at http://caniuse.com/#feat=css-filters.

The beauty about using these methods is that they are very simple to apply; we're not forced to spend hours reworking images if clients decide to change their minds! We can apply and remove the styles using jQuery with ease, which helps keep the styles separate from our markup.

Manipulating images can get very complex ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required