Categorías
CSS

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}