Hur skapa: svartvit bild

Lär dig hur du använder CSS för att skapa en "svartvit" bild.

Svartvit bild

Använd CSS filter Egenskapen konverterar bilden till en svartvit bild.

Tulip
Originalbild
Tulip
Gråskala (100%)

Gråskalaexempel

Ändra alla bilders färger till svart och vitt (100% grå):

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

Prova själv

Relaterade sidor

Guide:CSS bild

Referenshandbok:CSS filter egenskap