css3滤镜Filter使用

Filter主要用于图片，SVG等元素上，其默认值是none，有以下10个filter-function值可选：

• grayscale（灰度）效果类似于PS中的去色或者黑白
• blur（模糊）效果类似于PS中的高斯模糊
• invert（反相）效果类似于PS中的反相
• opacity（透明度）效果类似于PS中的图层不透明度
• saturate（饱和度）效果类似于PS中的饱和度
• brightness（亮度）效果类似于PS中的亮度
• contrast（对比度）效果类似于PS中的对比度
• drop-shadow（阴影）效果类似于PS中的投影
• sepia（怀旧）效果类似于相机中的老照片滤镜
• hue-rotate（色相）效果类似于PS中的色相+旋转，

可视化配置可以使用这个工具： css filter滤镜