Question

帮忙弄个html图片黑白变彩色的滤镜效果

我有一组图片，是由数据库输出的，想要黑白显示这些图片，然后鼠标移上去图片变成彩色的，会的朋友帮个忙，是页面某个div内的图片，不是整个html页面全灰色的，我网上找了一个只有搜狗浏览器的兼容模式可以实现，其余的浏览器全都不行，也不要说做两个图片，鼠标上去换图片，那样太费劲了，因为我是后台添加动态输出的

Answer 1

网上有很多写好的js代码，主要都是用jquery库，应该有类似的函数。
另外css3里就支持各种滤镜了，只是浏览器多css3的支持目前还不是很全面

追问

我能力有限，对于一些js动态调用输出有困难，就是说即使js实现了我要的变换，可处理数据库输出就难了，何况js实现黑白变彩色我也没有找到

追答

其实并非是把黑白变成了彩色，而是彩色变成了黑白。也就是图片一加载的时候就加上了黑白滤镜，鼠标移上去的时候把滤镜取消。至于黑白滤镜，有很多，比如http://js.alixixi.com/a/2016370263074.shtml

Answer 2

<style>
img{ -webkit-filter: grayscale(1);}
img:hover{ -webkit-filter: grayscale(0);}
</style>

Answer 3

彩色变黑白倒很常见，黑色变彩色倒是闻所未闻。。