CSS 毛玻璃效果生成器
在原创渐变背景上调整半透明面板，预览效果并复制标准 CSS。
使用步骤
如何使用
- 选择背景和面板颜色，再设置透明度、模糊、饱和度、边框、圆角和阴影。
- 查看实时预览，并留意文字对比度。
- 生成、复制或重置 CSS。
实用的毛玻璃组合
生成器组合 rgba 面板背景、半透明边框、backdrop-filter 模糊与饱和度、圆角和柔和阴影。预览使用原创多色渐变，让透明度和模糊清晰可见。
回退与可读对比度
不支持 backdrop-filter 的浏览器仍会显示半透明背景，但玻璃效果会减弱。检查面板上每段文字和图标的对比度；装饰性透明效果不能替代清晰的纯色或高对比处理。
常见问题
你可能还想知道
不支持 backdrop-filter 时会怎样？
面板仍保留半透明背景、边框、圆角和阴影；只有背景模糊和饱和度增强不可用。
相同设置为什么看起来不同？
模糊和饱和度取决于面板后方的颜色和细节，百分比透明度则与当前背景混合。
如何检查文字对比度？
在最终背景上预览实际文字；若任何位置对比不清晰，请提高面板不透明度或增强文字颜色。