美文网首页程序员
css将彩色图片设置为灰(黑白)色

css将彩色图片设置为灰(黑白)色

作者: xingzifan | 来源:发表于2020-07-10 02:22 被阅读0次
    <img class="bkg-img" src="https://upload.jianshu.io/users/upload_avatars/7566813/95568c95-b1cf-416b-bed8-b57ab40dff09?imageMogr2/auto-orient/strip|imageView2/1/w/80/h/80/format/webp" />
    
    
    /* 背景图变灰色*/
    
    .bkg-img{
    
        -webkit-filter: grayscale(100%);
    
        -moz-filter: grayscale(100%);
    
        -ms-filter:grayscale(100%);
    
        -o-filter: grayscale(100%);
    
        filter: grayscale(100%);
    
        filter:gray;
    
    }
    

    相关文章

      网友评论

        本文标题:css将彩色图片设置为灰(黑白)色

        本文链接:https://www.haomeiwen.com/subject/jomucktx.html