css 滤镜 filter 属性 用法和解释

filter:blur(4px);//模糊
filter:brightness(2);//亮度，默认是1。可以使用百分比也可以使用小数表示。
filter:contrast(2);//对比度,默认是1。可以使用百分比也可以使用小数表示。
filter:drop-shadow(2px 10px 0 rgba(255,0,0,0.5));//投影,(x偏移  y偏移   模糊范围   颜色)
filter:grayscale(0.5);//灰度,0~1,0%~100%
filter:hue-rotate(125deg);//色相旋转,让图像中的颜色，在色相环中做对应的旋转。
filter:invert(100%);//反转图像,黑变白，白变黑
filter:opacity(0.5);//透明度
filter:saturate(200%);//饱和度
filter:sepia(100%);//转为褐色,值为100%则完全是深褐色的，值为0%图像无变化。