如何在黑白图像上创建彩色图像鼠标悬停(在JQuery中)

Question

我想知道是否有任何好的解决方案可用于将彩色图像转换为黑/白固态并允许它使用jQuery转换回鼠标上的彩色图像？

我尝试了一种如下所述的CSS方法:带有CSS的图像灰度和鼠标悬停时重新着色？,但我没有太多运气.

这是当前的网站:http://frixel.com/wp/ - 我试图在图库网格上创建效果.

Answer 1

嘿,你在谈论CSS过滤器...这就是你需要将这个代码添加到你的主样式表文件;)

.portfolio:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(1);
}