¿Cómo crear: Imágenes en blanco y negro

Aprende a crear imágenes en blanco y negro usando CSS.

Imagen en blanco y negro

Usa CSS filter La propiedad convierte la imagen en una imagen en blanco y negro.

Tulip
Imagen original
Tulip
Escala de grises (100%)

Ejemplo de escala de grises

Cambia el color de todas las imágenes a blanco y negro (100% gris):

img {
  -webkit-filter: escala de grises(100%); /* Safari 6.0 - 9.0 */
  filter: escala de grises(100%);
}

Prueba personalmente

Páginas relacionadas

Tutoriales:CSS de imagen

Manual de referencia:Atributo de filtro CSS