CSS调整页面灰度

因客户需求,需要将网站首页调整至灰白色,原以为要网站主题支持才行,后来一搜索,发现只要调整CSS灰度就行,实现代码如下:

<style type="text/css">
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:graye;
}

</style>

思路就是利用body元素进行整体修改灰度,将所有元素调整至黑白色。

留下评论