yanner

前言

• 网站全体变灰主要在用于哀悼缅怀和悼念日使用，国家公祭日等等
• 勿忘历史勿忘痛
• 深切缅怀！
  

使用教程：

• 也很简单，只需要在两个文件中添加一行代码就可以实现，具体演示效果可以查看上方截图的效果
• 1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面
• 其他网页或者主题直接在 foot 或者 head 文件底部添加即可，记得添加引用即可如
• <style type=”text/css”>此处中间添加 css 代码样式</style>
  

CSS 样式代码：第一种样式代码：推荐使用本文隐藏内容

1. 
   
2. <style type="text/css">
   
3. /*网站整体灰白样式开始一*/
   
4. html{
   
5.     -webkit-filter: grayscale(100%);
   
6.             filter: grayscale(100%);
   
7. }
   
8. /*网站整体灰白开始样式一结束*/
   
9. </style>

复制代码

样式二代码：本文隐藏内容

1. <style type="text/css">
   
2. /*网站整体灰白样式开始二*/
   
3.           :root {
   
4.             --BG_COLOR: #121212;
   
5.             --FONT_COLOR: rgba(255, 255, 255, .87);
   
6.             --TAB_TITLES_COLOR: rgba(255, 255, 255, .6);
   
7.             --SUB_TITLE_COLOR: rgba(255, 255, 255, .38);
   
8.             --TAB_TITLES_HOVER_COLOR: #fff;
   
9.             --TITLE_HOVER_COLOR: #0D9BFF;
   
10. 
    
11.         --RIGHT_CONTENT_TEXT_COLOR: rgba(255, 255, 255, .5);
    
12.             --FOCUS_BG_COLOR: #222222;
    
13.             --TAB_SUBTITLES_BG_COLOR: rgba(50, 51, 53, .7);
    
14. 
    
15.             --IMG_DEFAULT_COLOR: #333333;
    
16.           }
    
17.           html {
    
18.             -webkit-filter: grayscale(100%);
    
19.             -moz-filter: grayscale(100%);
    
20.             -ms-filter: grayscale(100%);
    
21.             -o-filter: grayscale(100%);
    
22.             filter: grayscale(100%);
    
23.             filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    
24.           }
    
25.           body{
    
26.             filter:gray;
    
27.           }
    
28. /*网站整体灰白样式开始二*/
    
29. </style>

复制代码

第三种样式代码：本文隐藏内容

1. <style type="text/css">
   
2. /*网站整体灰白样式开始三*/
   
3. body {
   
4. -webkit-filter: grayscale(100%); /* webkit */
   
5. -moz-filter: grayscale(100%); /*firefox*/
   
6. -ms-filter: grayscale(100%); /*ie9*/
   
7. -o-filter: grayscale(100%); /*opera*/
   
8. filter: grayscale(100%);
   
9. }
   
10. /*网站整体灰白样式三结束*/
    
11. </style>

复制代码