css滤镜实现鼠标悬停图片变黑白(灰色)

效果描述：

默认图片是彩色效果，当鼠标悬停在图片上后，图片变成灰白色

(注意：不兼容IE10)

原理：

其实只要给图片悬停的hover效果加一个样式即可，即 filter: grayscale(100%);

使用方法：

1、将css样式引入到你的网页中

2、将body中的代码部分拷贝到你需要的地方即可

(图片采用绝对路径，不建议修改路径)
文章来自大资源网https://www.dzy10.com转载请注明出处，谢谢!!!