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

proveil

proveil.es

Web que realice durante mi periodo de trabajo en Bioinicia, un prestashop conectado con SAP bussines One y un sistema de picking automatizado.

alcocer farmacia

Alcocerfarmacia.es

Alcocer es una farmacia familiar en la que el trabajo realizado debia tener en cuenta la conexión con su ERP (farmatic) y con algunas limitaciones

¿Quién eres?