黑白效果 Filter CSS

1. grayscale 灰度        	0-1之间的小数		filter: grayscale(1);
2. sepia 褐色　　 　　　  	0-1之间的小数		filter: sepia(0.55);
3. saturate 饱和度　　　  	num					filter: saturate(2.3);
4. hue-rotate 色相旋转　  	angle				filter: hue-rotate(205deg);
5. invert 反色　　　　　　 	0-1之间的小数		filter: invert(1)
6. opacity 透明度　　　　  	0-1之间的小数 		filter: opacity(55%);
7. brightness 亮度　　  		0-1之间的小数		filter: brightness(.3);
8. contrast 对比度　　　　 	num					filter: contrast(2.3);
9. blur 模糊　　　　　　  	length				filter: blur(10px);
10.drop-shadow 阴影 							filter: drop-shadow(0px 0px 5px #000);

网站黑白效果：

	html{
		filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: gray;
		-webkit-filter: grayscale(1);
	}