UTILS.
100% 浏览器内运行

毛玻璃效果生成器

生成带有模糊、透明度、饱和度和着色的毛玻璃卡片 CSS。

关于此工具

调整模糊、透明度、饱和度和着色来设计毛玻璃卡片并复制其 CSS,全部在浏览器中完成。

常见问题

为什么预览要放在渐变背景上?
毛玻璃效果依赖彩色背景,这样卡片后面的模糊和透明效果才能显现出来。
backdrop-filter 有什么作用?
它会对元素后面的内容进行模糊和饱和处理,从而产生毛玻璃效果。

更多工具