Afbeeldingen in zwart-wit

Wil je je kleurenfoto’s, logo’s of andere afbeeldingen in zwart-wit weergeven? Je hoeft dan niet ingewikkeld te doen door je foto of afbeelding te editen. Je kunt het namelijk gewoon oplossen met CSS:

img {filter: grayscale(100%);}

WIl je slechts een enkele afbeeldingen of een paar afbeeldingen in zwart-wit weergeven, voeg dan een class toe aan je afbeelding, bijvoorbeeld class=”greyscale”. Je css code wordt dan:

img.greyscale {filter: grayscale(100%);}

Voorbeeld

kleur
img
zwartwit
img class=”greyscale”
(Visited 33 times, 1 visits today)