网站置灰

作者: 恬雅过客 | 来源:发表于2020-04-03 14:15 被阅读0次

    由于一些特殊的日子或事件,会要求将网站置灰一天或多天,后面又会恢复正常。直接添加样式即可,当然你也可以写定时器添加。
    样式代码如下:

    <style>
            html{
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                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);
            }
        </style>
    
    

    相关文章

      网友评论

        本文标题:网站置灰

        本文链接:https://www.haomeiwen.com/subject/xtpuoctx.html