Cross-Browser Grayscale image example using CSS3 + JS v2.0 with browser feature detection using Modernizr by Streamline

Cross-Browser Grayscale image example using CSS3 + JS

Tested and should work on Firefox 3.5+, Chrome, Safari 4+, Opera 9+, Internet Explorer 7, 8, 9, 10 and 11 (IE11)

(hover over these images using your mouse to toggle grayscale)

Grayscale image example 1 Grayscale image example 2 Grayscale image example 3
View tutorial
Download source