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中的色相+旋转，
css3滤镜Filter使用
原文地址：https://www.cnblogs.com/engeng/p/8250741.html