How do I desaturate and saturate an image using CSS?
You just have to reverse the grayscale for each browser prefix CSS property: img:hover { filter: none; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); cursor: pointer; } http://jsfiddle.net/7mNEC/1/