- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hello All,
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.
Thanks.
Can’t do it with CSS. Here’s a suggestion: http://www.pixastic.com/lib/
@TheDoc unless you are using Chrome Canary:
-webkit-filter: grayscale(100%);
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