国家哀悼日 网站变灰色代码

在一些特殊情况下,我们需要表达某种情义,需要对整个网站进行去色,让整个网站成灰黑色,例如:国家、民族发生重大灾害为了表达我们悲伤之情,寄予哀思,通过以下代码可以实现网站变灰色

国家哀悼日 网站变灰色代码 网站建设教程 第1张

 

一、网站变灰色代码

<style type="text/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,#grayscale");
        filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
        -webkit-filter: grayscale(1);
    }
</style>

 

二、使用方法

1、自定义网站放在头部模板代码<head>和</head>之间或底部模板代码</body>之前

2、WordPress网站放在主题文件头部模板代码<head>和</head>之间或底部模板代码</body>之前

3、织梦网站放在主题文件头部模板代码<head>和</head>之间或底部模板代码</body>之前

提示:以后要注释掉网站变灰色代码,免得网站一直是灰色。