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

首页 > 网页特效 > 其他特效 > css滤镜实现鼠标悬停图片变黑白(灰色)

 119  0  0  分享

当前信息若含有黄赌毒等违法违规不良内容，请点此举报！

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

无标签

 立即下载  查看演示  我要收藏

xi**du 8月前

Su*ny 8月前

la*****hi 9月前

83*****87 10月前

12*****70 12月前

52*****56 1年前

be*****en 1年前

13*******31 1年前

lu****mz 1年前

ta********56 1年前

xz****45 1年前

17*******32 1年前

do****ng 1年前

45*****98 1年前

71***02 1年前

77*****62 1年前

qq**77 2年前

更新时间：2024-04-20 官方QQ群：28451089

学习鸟

QQ：

微信：

 进入TA的店铺  联系官方客服

广告已过期！

详情评论声明

商品详情

效果描述：

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

(注意：不兼容IE10)

原理：

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

使用方法：

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

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

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

声明

1、链接失效请联系客服人员。
2、资源均来源于网友分享及网络公开发表文件，所有资料仅供学习交流。
3、如侵犯您的权益，请联系客服人员，我们将会在第一时间进行处理。

评论区

共0条评论

这篇文章还没有收到评论，赶紧来抢沙发吧~

热门推荐

H5搜索输入框提示特效

4款好看的CSS3字体样式代码

css3 svg三角形图标loading加载动画特效

css3 radius制作圆形动画特效

css3悬停图片滑动遮罩层文字提示特效

微信

周一至周五 9:00-22:00

周六至周日 9:00-18:00

法定节假日 9:00-18:00

反馈时告知客服您的ID哦~

邮箱：imahui@foxmail.com QQ:120-780-2822

艾码汇资源网是一个专注IT视频教程、网络营销、网站模板、建站源码、PPT模板、抖音视频素材等内容的资源共享平台。

本站资源均来自互联网或会员发布，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！