Cómo - Imágenes en blanco y negro
Aprende a crear una imagen "en blanco y negro" con CSS.
Imagen en blanco y negro
Imagen original
escala de grises (100%)
Utilice la propiedad CSS filter
para convertir una imagen a blanco y negro.
Ejemplo de escala de grises
Cambia el color de todas las imágenes a blanco y negro (100% gris):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Vaya a nuestro tutorial de imágenes CSS para obtener más información sobre cómo diseñar imágenes.
Go to our CSS filter Property to learn more about CSS filters.