I was wondering If anybody has a solution for Grayscale to Color Rollovers using only CSS3. I came across a method a while ago on the net tuts site, but the browser support was extremely limited (Chrome Canary).
Here is the link for that: http://net.tutsplus.com/tutorials/html-css-techniques/say-hello-to-css3-filters/
Any suggestions would be great.
Can’t do it with CSS. Here’s a suggestion: http://www.pixastic.com/lib/
@TheDoc unless you are using Chrome Canary:
you can use the photo in grey scale and/or luminosity and the colored photo and you can swap on mouseover…it’s also a suggestion
Here are a couple of solutions I have done for others in the past:
CSS – http://jsfiddle.net/joshnh/LSE7n/
jQuery – http://jsfiddle.net/joshnh/rkWks/
Cross browser CSS Grayscale: http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
Or you can try this
You must be logged in to reply to this topic.