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

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

效果描述:

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

(注意:不兼容IE10)

原理:

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

使用方法:

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

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

(图片采用绝对路径,不建议修改路径)
文章来自分享者资源https://52sharew.cn转载请注明出处,谢谢!!!

免责声明:本资源来源于互联网,安全性未知,使用前请自行甄别;本资源来源于互联网,如有侵权请及时联系我们,我们将在72小时内删除侵权内容;本资源存储在云盘,如发现链接失效,请 点此反馈 我们会第一时间更新。
吾爱分享者资源 » css滤镜实现鼠标悬停图片变黑白(灰色)

发表评论