css使图片变灰

话不多说先上效果图（注意两张图的"网上直借"）：


image.png
image.png

好了，现在上代码：

image.png
.gray { 
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                
                filter: grayscale(100%);
                
                filter: gray;
            }

哈哈，是不是很方便，再也不用切换图片那么麻烦了→_→

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,565评论 25赞 709
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,221评论 4赞 61
  • 2017-07-14
    原谅我内心已毫无波澜 原谅我 内心已泛不起些许的波澜 尽管 你在那里还是深情款款 往事不须再提起 时过境...
    独步天涯ANYS阅读 1,657评论 4赞 10
  • 疲惫生活里的一碗葱油拌面
    他曾经是政法学院的穷小子。 现在是一线卫视的著名主持人。 他的声音很迷人。 7年前，他一个人扛着行李从西北的山区来...
    孟九三阅读 6,117评论 39赞 28
  • 难忘的一天
    2017年1月11日，自己拍的一组图片被新华网刊发，这是第一次在国家级媒体上发稿。汉网、经济日报网站同时转发。...
    窗外白杨阅读 1,514评论 12赞 2