拖动调节参数,实时预览,直接生成可用 CSS 毛玻璃效果代码
这是浏览器端的毛玻璃风格 CSS 代码生成工具,解决手动调参不准、写代码效率低的问题。你可以实时预览效果,导出直接可用的代码。
效果基于 CSS backdrop-filter: blur 实现,符合现代浏览器原生规范,不需要额外引入JS,支持 Chrome、Firefox、Safari 等主流浏览器。
不能。IE 不支持 backdrop-filter 属性,需要适配 IE 的项目无法使用该效果。
可以。支持上传单张自定义背景,图片数据仅在你的浏览器本地处理。
支持调整模糊半径、背景透明度、边框宽度、阴影偏移四个参数。
可以直接复制使用。代码已经处理了基础兼容性,主流浏览器都能正常显示。