通過css中的filter屬性來實現，進行圖片的色系反轉、亮度、對比度調整等

1、invert

反轉輸入圖像，值為 100% 則圖像完全反轉，值為 0% 則圖像無變化

filter: invert(1);

2、blur

給元素應用高斯模糊效果。

filter: blur(5px);

3、brightness

調整元素的亮度。取值范圍為0到1，0表示全黑，1表示原始亮度。

filter: brightness(2);

4、contrast

調整元素的對比度。取值范圍為0到1，0表示無對比度，1表示原始對比度。

filter: contrast(200%);

5、drop-shadow

給元素添加陰影效果。可以指定陰影的顏色、偏移量和模糊半徑。

filter: drop-shadow(16px 16px 10px black);

6、grayscale

將元素轉為灰度圖像。取值范圍為0到1，0表示原始顏色，1表示完全灰度。

filter: grayscale(100%);

7、hue-rotate

旋轉元素的色相。取值范圍為0deg到360deg，0deg表示原始色相。

filter: hue-rotate(90deg);

8、opacity

調整元素的透明度。取值范圍為0到1，0表示完全透明，1表示不透明。

filter: opacity(50%);

9、saturate

調整元素的飽和度。取值范圍為0到1，0表示無飽和度，1表示原始飽和度。

filter: saturate(200%);

10、sepia

將元素轉為深褐色。取值范圍為0到1，0表示原始顏色，1表示完全深褐色。

filter: sepia(100%);