css置灰图片文字

赶海的大鲨鱼

已于 2023-04-04 15:56:55 修改

阅读量245

点赞数

CC 4.0 BY-SA版权

文章标签： css 前端

于 2022-06-10 14:00:55 首次发布

本文链接：https://blog.csdn.net/why_994/article/details/125220332

这篇博客详细介绍了如何使用CSS滤镜属性（如`-webkit-filter`，`filter`等）来将网页元素转换为灰度效果。通过设置`grayscale`参数为100%，可以完全将彩色内容变为黑白。同时提到了`filter:gray`和`filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)`在不同浏览器中的兼容性用法。

 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray;
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);