+34 649 382 965 · 4.7 / 5 Read our Google reviews · contacto@phpninja.info
Other

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

Beto López
Full stack website developer focused in bug fixing and maintenance of Wordpress, Prestashop, HTML, CSS, Javascript, Php y Mysql. Open source contributor too. Beto Ayesa, Linkedin y Twitter.


B/W Saturation Effect CSS. Hover Color/Black and white
Te respondemos rapidamente
Get in touch