参数
blur 18px / alpha 0.3
输出
backdrop-filter: blur(18px)
设计配色
CSS 毛玻璃生成 - 卡片模糊样式工具
调节颜色、透明度、模糊与描边参数，预览并生成毛玻璃卡片 CSS，适合调试 backdrop-filter、半透明面板与导航层视觉，浏览器本地完成。
CSS毛玻璃backdrop-filter
设计配色
CSS 毛玻璃生成
调节颜色、透明度、模糊与描边参数，预览并生成毛玻璃卡片 CSS，适合调试 backdrop-filter、半透明面板与导航层视觉，浏览器本地完成。
GLASS
生成 CSS 代码
使用场景
- 制作半透明卡片背景
- 调试 backdrop-filter 参数
- 导出面板与导航层视觉代码
如何使用
- 调节颜色和透明度
- 设置模糊与描边
- 预览后复制 CSS
示例输入输出
FAQ
依赖什么 CSS 特性？
主要依赖 backdrop-filter；不支持的浏览器需要提供降级背景或不透明方案。
和毛玻璃效果生成有何不同？
本工具侧重卡片色、透明度、模糊与描边的组合调试；另一工具可按常用毛玻璃参数快速导出含前缀的片段。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。