CSS网页变灰色实例汇总

CSS网页变灰色实例汇总

1.搜狐

代码：

style="filter: grayscale(1);

2.B站

代码：

html.gray {
            -webkit-filter:grayscale(.95);
        }

3.搜狗

代码：

        html {
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            -o-filter: grayscale(100%);
        }
        *{
            filter: gray;
        }

4.天猫

代码：

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

5.百度

代码：

        body.qm-activity #head_wrapper,body.qm-activity #u,body.qm-activity #u1,body.qm-activity .s-top-left.s-isindex-wrap {
            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
        }
        

6.58同城

代码：

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

7.央视网

代码：

        html {
            -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)
        }

        * {
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: gray;
        }