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

studio 3t

Studio 3T

Si buscas un administrador visual para tus conexiones con MongoDB has encontrado el post indicado.

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?