Bilder mit CSS in schwarz-weiß umwandeln
Jan / 2017
Mittels CSS ist es recht einfach, Farbbilder in Schwarz-Weiß – z.B. für einen Hover-Effekt – umzuwandeln.
img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); }
Weitere Filter wie Sepia, Blur, Kontrast usw. findet Ihr bei w3schools.com