# 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 |