css3滤镜

grayscale 灰度
-webkit-filter:grayscale(0.5);

-webkit-filter:none;

sepia 褐色
-webkit-filter:sepia(0.5);

saturate 饱和度
-webkit-filter:saturate(5);

hue-rotate 色相旋转
-webkit-filter:hue-rotate(180deg);

invert 反色
-webkit-filter:invert(1);

opacity 透明度
brightness 亮度
-webkit-filter:brightness(3);

contrast 对比度
-webkit-filter:contrast(0.5);

blur 模糊
-webkit-filter:blur(10px);

drop-shadow 阴影
-webkit-filter:drop-shadow(10px 10px 5px rgba(0,0,0,0.9));