把网站改成灰度模式

最新推荐文章于 2023-09-02 17:13:59 发布

原创最新推荐文章于 2023-09-02 17:13:59 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种通过CSS样式快速将网站转换为灰度显示的方法。利用多种浏览器引擎的兼容性设置,确保了不同浏览器下的一致性体验。具体包括使用-webkit-filter等属性实现灰度效果。

把网站改成灰度模式

body * {
  -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);
  filter: gray;
}