Convertir una imagen a escala de grises mediante css

Copiar y pegar el siguiente código ccs, la clase a utilizar es escaladegrises. .escaladegrises { filter: url(‘#grayscale’); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: Gray(); } .escaladegrises:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }