o-filter: url("data:image/svg+xml utf8,#grayscale") įilter: url("data:image/svg+xml utf8,#grayscale") moz-filter: url("data:image/svg+xml utf8,#grayscale") Many pages online speaks about this solution to grey out elements: filter: url("data:image/svg+xml utf8,#grayscale") /* Firefox 10+, Firefox on Android */īut actually it does not seem to work for css background images, as the webkit filter do.Īre there any solution (maybe with jquery?) to hack this lack of support for filter on less advanced browsers? The only working solution is to apply CSS3 filter greyscale: -webkit-filter: grayscale(100%) īut this works just with Chrome v.15+ and Safari v.6+ I've searched a lot on the web but I cannot find a cross browser solution to fade a css backgrund image to greyscale and back.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |