Grow your CSS skills. Land your dream job.

How to create black and white to colorized images on hover?

  • # January 30, 2013 at 5:36 am

    Hello!

    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?

    Alireza.M

    # January 30, 2013 at 5:40 am

    Cross-browser?

    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?

    # January 30, 2013 at 6:04 am

    There you go: http://jsfiddle.net/KDtAX/487/

    Compatible IE 6-10 and other browsers with CSS filters and SVG.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".