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);
}