CSS filter 图片滤镜
none
默认值，没有效果。
initial
设置属性为默认值。
inherit
从父元素继承该属性。
blur
设置图片高斯模糊，单位为 px。
brightness
设置图片亮度，默认为 1。
contrast
设置图片的对比度，默认为 1。
drop-shadow
设置图片的阴影，设置方法同 box-shadow，即 (h-shadow v-shadow blur spread color)。
grayscale
设置图片的灰度，默认为 0，最大值为 1（全灰）
hue-rotate
设置图片的色相，单位为 deg。超过 360deg 的值相当于又绕一圈。
invert
反转图片颜色，默认为 0，最大值为 1（反色）
opacity
设置图片的透明度，默认为 1，最小值为 0（全透明）
与 CSS opacity 属性相似，但通过 filter 设置 opacity 可以提供硬件加速。
saturate
设置图片的饱和度，默认为 1。
sepia
将图片转为深褐色，默认为 0，最大值为 1（完全深褐色）
url
接受一个 XML 文件，该文件设置了一个 SVG 滤镜，且可以包含一个锚点来指定一个具体的滤镜元素。
例如：
filter: url(svg-url#element-id);