CSS 毛玻璃生成器

可视化调节 backdrop-filter 毛玻璃效果，支持模糊、饱和度、透明度参数，实时预览并复制 CSS 代码

模糊强度12px

背景透明度25%

饱和度120%

边框透明度20%

基色

毛玻璃效果

调节左侧参数查看实时效果

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(12px) saturate(120%);
-webkit-backdrop-filter: blur(12px) saturate(120%);
border: 1px solid rgba(255, 255, 255, 0.20);

设计工具 · 相关工具

→