RochCass: CSS3 Image Greyscale on Hover

CSS


				img{ height: 350px; }  //height is not needed 
 
				img:hover

				{ 

				    -webkit-filter: grayscale(1); 

				    -webkit-filter: grayscale(100%); 

				    -moz-filter: grayscale(100%);

				    filter: gray; filter: grayscale(100%);

				    filter: url(desaturate.svg#greyscale); 

				}

Goodluck :)

Back to Article