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

<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;

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

推荐阅读更多精彩内容