效果描述:
(注意:不兼容IE10)
原理:
其实只要给图片悬停的hover效果加一个样式即可,即 filter: grayscale(100%);
使用方法:
1、将css样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的地方即可
(图片采用绝对路径,不建议修改路径)
文章来自神雕SEOhttp://www.37seo.com转载请注明出处,谢谢!!!
神雕SEO学习网-SEO技术进阶提升,提供2024最新SEO技术与教程分享:泛解析万能模板站群,蜘蛛池软件程序,泛目录站群技术,镜像站群,提供最新SEO优化快速排名学习
神雕SEO官网 » css滤镜实现鼠标悬停图片变黑白(灰色)
神雕SEO官网 » css滤镜实现鼠标悬停图片变黑白(灰色)
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 神雕网