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}