毛玻璃效果 CSS 生成器

毛玻璃

模糊度 10px 透明度 0.20 背景色圆角 16px 边框 0.30

关于这个工具

通过调节背景模糊、叠加色及其透明度、圆角和边框强度，设计一张毛玻璃（glassmorphism）卡片。预览把玻璃卡片叠在彩色渐变上，让你直观看到模糊与半透明如何与背后内容相互作用，下方生成包含 backdrop-filter 的完整 CSS。

毛玻璃依赖 backdrop-filter，现代浏览器均已支持；工具同时输出带 -webkit- 前缀的版本以扩大兼容。复制整段代码并应用到任何叠在复杂背景上的元素即可。全部在浏览器本地运行，不会上传任何内容。