filter: blur（高斯模糊）
-webkit: blur(10px);
filter: blur(10px);
filter: brightness（亮度）
-webkit-filter: brightness(55%);
filter: brightness(55%);
filter: contrast（對(duì)比度）
-webkit-filter: contrast(30%);
filter: contrast(30%);
filter: grayScale（灰度）
-webkit-filter: grayScale(30%);
filter: grayScale(30%);
filter: invert（反轉(zhuǎn)圖像）
-webkit-filter: invert(30%);
filter: invert(30%);
filter: saturate（飽和度）
-webkit-filter: saturate(30%);
filter: saturate(30%);
filter: hue-rotate（色相旋轉(zhuǎn)）
-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
filter: sepia（深褐色）
-webkit-filter: sepia(90deg);
filter: sepia(90deg);
filter: opacity（透明度）
-webkit-filter: opacity(25%);
filter: opacity(25%);
同時(shí)支持連寫(xiě)
-webkit-filter: brightness(75%) saturate(30%);
filter: brightness(75%) saturate(30%);
具體實(shí)例可以使用pc點(diǎn)擊查看我的github
或者直接查看github pages
image
