特殊的日子：简单一行CSS滤镜代码让你的网页变成灰色~

最近有没有发现好多网站、APP、电视台、媒体平台等都使用了灰色的展示风格，有些是首页，有些是全局，为啥这样设计呢？那是有道理滴~

当特殊的日子来临之时~

为了纪念一些影响力很大的伟人逝世或者重要的纪念日的时候需要让网页全部变灰色来表示我们对逝者的悼念！

其实这个功能很简单，只需要在HTML 的head标签里加入如下如下CSS滤镜代码即可：

无需插件和JS脚本代码，仅需CSS滤镜即可实现~

<style type=”text/css“>

html {

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

-webkit-filter: grayscale(100%);}

</style>

其实在所有的需要滤镜效果的元素上添加一个transition: -webkit-filter .2s ease-out;效果会更好~

在特殊的日子里超实用的网页小技巧不妨自己测试一下吧！