毛玻璃效果生成器

毛玻璃效果原理

• Glassmorphism = 半透明背景 + backdrop-filter: blur() 模糊背后内容
• 添加细高光边框制造玻璃边缘的反光
• 柔和外阴影增加悬浮感
• 背景越彩色或越具有图像感，效果越好；纯色背景效果较弱

浏览器兼容性

• Chrome / Edge 76+、Firefox 103+、Safari 9+（需加 -webkit-backdrop-filter 前缀）
• 不支持的浏览器降级为半透明纯色，体验依然合理
• 避免叠加多层模糊：低端设备性能下降明显
• 注意可读性：保证文字对比度，避免过于复杂的背景