Como convertir imágenes en blanco y negro, CSS

Css blanco y negro

En este caso tenemos un código muy sencillo. Esta es una linea que suelo usar para slider como marcas o proveedores que no siguen el mismo patrón de colores de la web y queremos que no quede como un pegote.

De esta manera obtenemos una semejanza cromática. Con el siguiente código convertimos la imagen a blanco y negro con una escala de grises:

img {
    filter: grayscale(100%);
}

Y como detalle me suele gustar que al pasar por encima si que se vean los colores originales por lo que añadimos esta linea.

img:hover {
    filter: none;
}

Sencillo y practico.

Compartir

Otros post

Carrera en el cole

200 metros de libertad Hoy por fin ha salido el sol. Sin ese viento pesado de estos días, de esos que te permiten sentir cómo

OA –> No solo es ganar

es tener unos huevazos como los de Nadal. No soy un gran aficionado al tenis. Suelo ver finales, semis y poco más, especialmente si hay

¿Quién eres?