将整个页面变灰

      今天，2013-4-20，早上8点02分，不幸的四川雅安发生了地震，远在千里之外的自己没能做些什么，只能默默的祈祷...打开了京东的首页，发现JD还是挺关心时事的，把整个首页都变灰了以示对雅安地区人民的默哀。

      好吧，说会正事吧，既然看到了JD的首页整个页面都变灰了，就想知道到底是用什么技术实现的（作为一个Java程序员，对前端了解并不多），果断按下F12，调出开发者工具，发现了html元素增加了一个css样式的控制：-webkit-filter:grayscale(1)，对就是这个样式的控制，可以把页面html内的所有元素都变灰了，在这里科普一下吧：

 

-webkit-filter（滤镜）有十种效果，分别是：

• grayscale 灰度
• sepia 褐色
• saturate 饱和度
• hue-rotate 色相旋转
• invert 反色
• opacity 透明度
• brightness 亮度
• contrast 对比度
• blur 模糊
• drop-shadow 阴影