CSS3 设置网页黑白

今天是清明节，整个优快云都换上来黑白的装束。

对于一些需要悼念的日子，一般在全国哀悼日，清明节，以及一些影响力很大的伟人逝世或纪念日，还有其他特殊原因（比如汶川大地震），身为站长的我们都会让自己的网站的全部网页变成灰色（黑白色），以表示我们对逝者的悼念。

在优快云黑白的网页上右击，审查元素，找到 html 标签的样式表。

会发现，将网页变为黑白，仅仅使用了几行代码，借助滤镜的效果对页面进行了整体处理。如下

这就是 优快云 实现全栈黑白的原理

<style>
html {
	-webkit-filter : grayscale(100%);
	-moz-filter : grayscale(100%);
	-ms-filter : grayscale(100%);
	-o-filter : grayscale(100%);
	filter : grayscle(100%);
	filter ：progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
}
</style>

grayscale(%) 将图像转换为灰度图像。值定义为转换的比例。值为100%则完全转为灰度图像，值为0%图像无变化。值在0%到100%之间，则是效果的线性乘子。若未设置，值默认是0。