The Lodge is members-only web design and development videos and live help. Log In or Sign Up.
I want to have some images that change from black and white to colorized version on hover and work cross browser (in ie too).
How can I do that?
I don’t think that can be some with a single CSS property right now with any depth of support.
I think the greyscale filter property will work for webkit browsers (and perhaps FF) but other than that, I don’t think so.
There are workarounds (image swapping etc) but that’s not what you are after, I assume?
There you go: http://jsfiddle.net/KDtAX/487/
Compatible IE 6-10 and other browsers with CSS filters and SVG.
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed