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

发布时间: 2020-09-02

下载权限 白银或以上用户 分类 常用特效

¥免费

立即下载 加入收藏

升级会员组 享受更多优惠

自动发货

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

效果描述:

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

(注意:不兼容IE10)

原理:

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

使用方法:

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

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

(图片采用绝对路径,不建议修改路径)

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系客服,我们将尽快处理。

分享链接 分享海报

暂无评论

嘿,我来帮您!