Comment créer : Image noire et blanche

Comment créer une image en noir et blanc avec CSS.

Image noire et blanche

Utiliser CSS filter L'attribut convertit l'image en image noire et blanche.

Tulip
Image originale
Tulip
Grisaille (100%)

Exemple de grisaille

Changer la couleur de toutes les images en noir et blanc (100% gris) :

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

Essayer personnellement

Pages connexes

Tutoriel :Image CSS

Manuel de référence :Attribut filter CSS