📋
毛玻璃效果生成器
毛玻璃（Glassmorphism）通过 backdrop-filter: blur 与半透明背景实现，建议在有色彩/图片的背景上使用；现代浏览器均已支持。
毛玻璃效果
Glassmorphism
CSS 代码
毛玻璃（Glassmorphism）通过 backdrop-filter: blur 与半透明背景实现，建议在有色彩/图片的背景上使用；现代浏览器均已支持。
如何使用毛玻璃效果生成器
- 调模糊程度、透明度、背景色和边框高光
- 在示例背景上实时看磨砂玻璃质感
- 微调圆角和阴影
- 复制 backdrop-filter 那组 CSS
毛玻璃效果生成器功能说明
- 生成 backdrop-filter 毛玻璃（glassmorphism）效果
- 模糊、透明度、边框、高光、阴影可调
- 实时预览，复制即用
注意事项
- 依赖 backdrop-filter，很老的浏览器不支持，需准备半透明纯色兜底
- 毛玻璃后面得有内容或背景图才看得出效果
- 模糊层数多了拖性能，移动端别滥用