Hvordan oprettes: Sort-hvide billeder

Lær hvordan du bruger CSS til at oprette 'sort-hvide' billeder.

Sort-hvide billeder

Brug CSS filter Egenskaben konverterer billedet til et sort-hvidt billede.

Tulip
Originalbillede
Tulip
Gråtone (100%)

Gråtoneeksempel

ændr alle billeders farver til sort-hvide (100% grå):

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

Prøv det selv

Relaterede sider

Tutorial:CSS billede

Referencehåndbog:CSS filter egenskab