Css filter 介绍

Css Fileter

参数：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
blur(10px)   高斯模糊（px） 越大越模糊

brightness(1%) 线性乘法 提高亮度或变暗 越小越黑

contrast(1%) 对比度 越小越黑  越大越亮

drop-shadow(1px 1px 10px 20px)  类似于box-shadow

grayscale(1%) 灰度图像  越大越灰

hue-rotate(1deg) 色相旋转 0-360

invert(1%) 反转输入图像  0-100

opacity(1%) 设置透明度

saturate(1%) 设置图像饱和度 越大饱和度越高

sepia(1%) 图像转换未深褐色， 0-100 越大颜色越深