Hoe te maken: zwart-wit afbeelding

Leer hoe je een 'zwart-wit' afbeelding maakt met CSS.

Zwart-wit afbeelding

Gebruik CSS filter De eigenschap maakt de afbeelding zwart-wit.

Tulip
Oorspronkelijke afbeelding
Tulip
Grijs (100%)

Grijswaarde voorbeeld

Verander de kleur van alle afbeeldingen in zwart-wit (100% grijs):

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

Probeer het zelf

Gerelateerde pagina's

Tutorial:CSS afbeelding

Referentiehandleiding:CSS filter eigenschap