ich hab gerade erst das hier probiert:
http://www.suralin.de/bilder-mit-css-in-sw-umwandeln
Code:
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);
und zum aufheben:
Code:
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;
das funktioniert eigentlich echt gut - außer im IE10, da geht's nicht (IE4 bis IE9 ist kein Problem).
"transition" von sw zu bunt scheint nur im Chrome zu funktionieren, ist jetzt aber in meinem Fall nicht so schlimm.
Lesezeichen