CSS网站全局变灰代码

          阅读(49)

    CSS网站全局变灰代码

     ——祭奠我逝去的青春

    本代码可以让网站整站变灰白效果,一些大型网站逢哀悼日就会使用,我们的小站不妨也来试试。

    以下css代码加在你的css样式文件里面就可以了。

    不需要变灰的时候去掉或者加注释就可以了。

    html{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"grayscale\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    -webkit-filter: grayscale(1)
    }

    2016.07.15


    喜欢 0



还没有人抢沙发呢~

加载中……