For this to work in Firefox you need to create the file ‘desaturate.svg’ and call it via the filter on the last line. Here’s a link to the desaturate.svg file (right click and save).

Limitations

As far as we can see this doesn’t work on older Safari versions on mobile devices (such as my trusty iPad 1). If anyone knows how to plug this hole please do let me know!

About the Author

Glenn

A highly experienced WordPress Web Developer, Front-end and Back-end Developer & New Media Specialist with extensive knowledge of a wide spectrum of technologies in the Development and Creative Industries built up over a number of years.