Convert an image to grayscale using CSS

Here is simple CSS rule to convert an image to grayscale using CSS or making image appear as black and white. As far as CSS filters are supported in webkit browsers, this solution is cross-browser.

 And if you need to disable grayscale on hover, just add the following CSS rule too:

VIEW LIVE DEMO 

You Might Interested In

Leave a Reply

Enclose a code block like: <pre><code>Your Code Snippet</code></pre>.