Note that this will only work on browsers that supports webkit which is used by browsers like Google Chrome, Safari.
Here's the CSS code which will make all img tags grayscale and will return to normal when mouse hover the image.
img{-webkit-filter: grayscale(100%);}img:hover{-webkit-filter: grayscale(0%);}