加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai块样式背景滤镜

背景滤镜

让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。 CSS 属性 对应 CSS 属性名 backdrop-filter,详细说明可参考 backdrop-filter 属性。 配置选项 类型 Select 设置元素使用滤镜的全局值。 模糊度 Number 将高斯模糊应用于元素。 不透明度 Number 应用透明度。…

文章目录

让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。

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,则图像无变化。

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧