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;
        }