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