saturation

B/W Saturation Effect CSS. Hover Color/Black and white

December 20th, 2012 by

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%);}

Leave your email and we'll contact you