Blog

20/12/2012

Front & Back Development » B/W Saturation Effect CSS. Hover Color/Black and white

li img{ /* b/w image */ filter: url(“data:image/svg+xml;utf8,#grayscale”); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } li:hover img{ /* full color image on hover */filter: url(“data:image/svg+xml;utf8,#grayscale”); -webkit-filter: grayscale(0%);}

We fix things. You rest easy
Let us know what you need, we’ll fix it asap.

Done!

We'll contact you

Oh! Something went wrong

Please, try again



We fix things, you rest easy
We fix websites. You rest easy. Ninjas get the job done. No excuses. No matter the problem, no matter the code, we’re here to help you.


Any doubts? Contact us
by Beto