可视化调节参数,实时预览,直接生成可用的 CSS 毛玻璃代码
帮你快速调整出符合需求的玻璃拟态毛玻璃效果,不用手动写调试 CSS 属性参数。
基于 CSS backdrop-filter: blur 原生属性实现,支持调整模糊度、透明度、边框圆角和阴影参数,直接输出可复用代码。
主流现代浏览器都支持,IE 浏览器不兼容 backdrop-filter 特性,无法显示模糊效果。
支持调整圆角。你可以拖动滑块设置 0 到 32 像素之间的任意圆角值。
最大支持 40 像素模糊。一般网页场景 5 到 20 像素就能得到比较自然的效果。
可以直接复制使用。输出的是完整的可用 CSS 代码,直接粘贴到项目中即可。