Wie man erstellt: Schwarzweißbilder

Lernen Sie, wie Sie mit CSS „Schwarzweiß“-Bilder erstellen.

Schwarzweißbilder

Verwenden Sie CSS filter Das Attribut wandelt das Bild in ein Schwarzweißbild um.

Tulip
Ursprüngliches Bild
Tulip
Graustufe (100%)

Graustufenbeispiel

Ändern Sie die Farben aller Bilder in Schwarzweiß (100% Grau):

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

Versuchen Sie es selbst

Verwandte Seiten

Tutorials:CSS-Bild

Referenzhandbuch:CSS-Filter-Eigenschaft