实现网站黑白效果 css 滤镜（filter）

最新推荐文章于 2025-05-15 14:13:02 发布

原创最新推荐文章于 2025-05-15 14:13:02 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #html

博客介绍了使用CSS滤镜（filter）实现网站黑白效果，还给出了相关文档链接https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter-function/grayscale ，涉及前端开发中CSS的应用。

实现网站黑白效果 css 滤镜（filter）
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter-function/grayscale

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