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.

Sesión de fotos, yoga y

Jumpers Esta mañana ha salido un sol de esos que engañan; muy agradable si no fuera por el aire que soplaba. Pero el clima no

Hackeos dominicales

Mentes brillantes (para lo malo) Ya llevamos más de un mes de 2026. Esto no vuela, teletransporta. En lo que va de año, ya han

¿Quién eres?