让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。
CSS 属性
对应 CSS 属性名 backdrop-filter,详细说明可参考 backdrop-filter 属性。
配置选项
类型
Select
设置元素使用滤镜的全局值。
模糊度
Number
将高斯模糊应用于元素。
不透明度
Number
应用透明度。值为 0%
则使图像完全透明,值为 100%
则图像无变化。
饱和度
Number
改变图像饱和度。值为 0%
则是完全不饱和,值为 100%
则图像无变化。超过 100%
则增加饱和度。
明度
Number
将线性乘法器应用于输入图像,以调整其亮度。值为 0%
将创建全黑图像;值为 100%
会使输入保持不变,其他值是该效果的线性乘数。如果值大于 100%
将使图像更加明亮。
对比度
Number
调整输入图像的对比度。值是 0%
将使图像变灰;值是 100%
,则无影响;若值超过 100%
将增强对比度。
灰度
Number
将图像转换为灰度图。值为 100%
则完全转为灰度图像,若为初始值 0%
则图像无变化。值在 0%
到 100%
之间,则是该效果的线性乘数。
色相
Number
应用色相旋转。<angle>
值设定图像会被调整的色环角度值。值为 0deg
,则图像无变化。