让正常网页呈现黑白色调的方法

  之前四川雅安地震的时候,国内各大网站为了表示对遇难同胞的哀悼,页面色彩都变成了黑白色,其中的实现方法其实非常简单,只需要一行全局的css代码即可,不需要修改或改动其他任何正常运作的代码,更不会给网站带来任何影响,下面来看一下:

  初始情况下,网站是绚丽多彩的:

  

  为了避免广告,把logo和部分文字抹掉了,,

  实现方法是在<head></head>之间添加如下的css代码,或者其他调用方式也可以:

<style type="text/css">
    body {
        -webkit-filter: grayscale(100%);
    }
</style>

  就这么简单的一点代码,作用域就是整个body,整个网页效果就出来了

  

  另外可以在后端通过服务器时间来控制样式在零点或者定时生效和失效,实现起来就更加方便了

原文地址:https://www.cnblogs.com/freeweb/p/5061087.html