CSS Backdrop-filter 生成器

这个 CSS Backdrop-filter 生成器可以用纯 CSS 创建玻璃感遮罩效果。你可以调整模糊、亮度、对比、灰度、色相旋转、反相、透明度、饱和度、怀旧色调，以及面板背景颜色与圆角，并实时预览结果，最后复制生成的 HTML 与 CSS。

自定义设置

{{ panelRadius }}px
{{ panelBackgroundOpacity.toFixed(2) }}
选择启用滤镜
{{ formatValue(control) }}
{{ control.unit }}

滤镜预设

{{ activePresetLabel }}

预览

{{ backdropFilterValue }}

{{ previewTitle }}

{{ previewText }}