Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › How to create black and white to colorized images on hover?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 30, 2013 at 5:36 am #42358
    AlirezaM
    Participant

    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 #122785
    Paulie_D
    Member

    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 #122812
    Kitty Giraudel
    Participant

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

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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.