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

Home Forums Other Is there a way to make an Image B&W on hover with only 1 image?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #31074

    Hopefully someone can shed some light on this. I want to have a gallery of thumbs in color, that will transition to B&W on hover. I know this is possible by layering 2 images and animating opacity on hover, but i was wondering if there is a way to do this with only one image, a color one.

    Is there a JS plugin that can suck the color information out of an image? decrease its saturation? on an event (hover, click)…

    id love to hear if anyone has any ideas.



    try this. Not sure if that’s what your going for or not.


    Maybe with the HTML5 tag you can do something, but not within my knowledge


    yeah i meant 1 image as in not a sprite. thanks though.


    Check out Pixastic and this HTML5 canvas tutorial.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Other’ is closed to new topics and replies.