效果描述：

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

(注意：不兼容IE10)

原理：

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

使用方法：

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

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

(图片采用绝对路径，不建议修改路径)
文章来自吾爱源码52scode.com转载请注明出处，谢谢!!!

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。