Cross-browser filters with CSS and SVG
For some time now, since Safari 6 and Chrome 18 were released, we’ve been able to use the -webkit-filter
CSS property to apply graphical filters to HTML content. But it seems that many people aren’t aware that you can also do this in Firefox and – within a very limited set of parameters – IE9 and above.
The reason for this is that all of these browsers support SVG filter effects, and CSS filter effects are basically shorthand functions that apply predefined configurations of SVG filters.