# fliter是什么

filter CSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框的渲染。

Filter 描述 默认值
none 默认值,没有效果。 -
blur(px) 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊。 0
brightness(%) 给图片应用一种线性乘法,使其看起来更亮或更暗。值小于100%,图像会比原来更暗;值也可以大于100%,图像会比原来更亮。 1
contrast(%) 调整图像的对比度。值越大,对比度更低。 1
drop-shadow(h-shadow v-shadow blur spread color) 给图像设置一个阴影效果。与box-shadow属性设置方式相同。 -
grayscale(%) 将图像转换为灰度图像。取值0到100%。 0
hue-rotate(deg) 给图像应用色相旋转。"angle"一值设定图像会被调整的色环角度值。该值虽然没有最大值,超过360deg的值相当于又绕一圈。 0
invert(%) 反转输入图像。值定义转换的比例。取值0到100%。 1
opacity(%) 转化图像的透明程度。值定义转换的比例。取值0到100%。 1
saturate(%) 转换图像饱和度。值定义转换的比例。取值0到100%。 1
sepia(%) 将图像转换为深褐色。值定义转换的比例。取值0到100%。 0