国家哀悼日 网站变灰色代码
在一些特殊情况下,我们需要表达某种情义,需要对整个网站进行去色,让整个网站成灰黑色,例如:国家、民族发生重大灾害为了表达我们悲伤之情,寄予哀思,通过以下代码可以实现网站变灰色
一、网站变灰色代码
<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>之前
提示:以后要注释掉网站变灰色代码,免得网站一直是灰色。