CSS3的Filter详解（灰色默哀主题页面）

Filter是CSS3提供的用来调节元素的颜色，饱和度等。

1.模糊 blur filter: blur(9px);
2.灰度 grayscale  filter: grayscale(100%) 将body元素的灰度设置为100%即为默哀主题灰色页面; 3.亮度 brightness filter: brightness(2.3);
4.对比度 contrast filter: contrast(4.4);
5.饱和度 saturate filter: saturate(1.2);
6.色相旋转 hue-rotate filter: hue-rotate(100deg);
7.反色 invert filter: invert(0.2);
8.阴影 drop-shadow filter: drop-shadow(0px 0px 5px #fff);
9.透明度 opacity filter: opacity(55%);
10.褐色 sepia filter: sepia(0.77);