本文由 资源共享网 – admin 发布，转载请注明出处，如有问题请联系我们！css滤镜实现鼠标悬停图片变黑白(灰色)
资源语言： 中文
效果描述：
默认图片是彩色效果，当鼠标悬停在图片上后，图片变成灰白色
(注意：不兼容IE10)
原理：
其实只要给图片悬停的hover效果加一个样式即可，即 filter: grayscale(100%);
使用方法：
1、将css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(图片采用绝对路径，不建议修改路径)
文章来自共享资源网www.hkhk.vip转载请注明出处，谢谢!!!
图片展示资源(css滤镜实现鼠标悬停图片变黑白(灰色))网址：https://www.08i8.com/ttqdzy/detail13293.html；转载请注明！
效果描述：
默认图片是彩色效果，当鼠标悬停在图片上后，图片变成灰白色
(注意：不兼容IE10)
原理：
其实只要给图片悬停的hover效果加一个样式即可，即 filter: grayscale(100%);
使用方法：
1、将css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(图片采用绝对路径，不建议修改路径)
文章来自共享资源网www.hkhk.vip转载请注明出处，谢谢!!!图片展示资源(css滤镜实现鼠标悬停图片变黑白(灰色))网址：https://www.08i8.com/ttqdzy/detail13293.html；转载请注明！
