Q: graying out images using css I have managed to gray out images in Firefox and IE9 using:
filter: url(../filters.svg#grayscale); /* Firefox 3.5+  */
filter: gray; /* IE5+ */

but i cant seem to figure it out in chrome and safari. I have tried using 
 -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome 18+ (currently Beta) */

but it doesn't work. any clue

A: -webkit-filter: grayscale(100%);

http://www.css3.com/css-filter/
http://jsfiddle.net/S6ThD/1/
http://tools.google.com/dlpage/chromesxs



A: The answer can be found on the following link:
webdesignerwall.com/demo/html5-grayscale  
