CSS 毛玻璃效果生成器
生成 CSS 毛玻璃（玻璃拟态）效果，可调节模糊度、透明度、边框和背景颜色。
控制项
10px
0.25
0.2
#ffffff
实时预览
玻璃拟态
毛玻璃效果
Ctrl+Enter 运行Ctrl+Shift+C 复制
了解更多
CSS 玻璃拟态生成器：创建磨砂玻璃效果
生成精美的磨砂玻璃 CSS，并实时预览。调整模糊、不透明度和边框，为你的界面打造现代玻璃拟态面板。
什么是玻璃拟态，以及它为何有效
玻璃拟态（Glassmorphism）是一种围绕磨砂玻璃表面构建的 UI 设计趋势，它会对面板背后的背景进行模糊处理。通过在色彩丰富的背景上叠加半透明面板，这种效果营造出层次感和纵深感，让界面显得现代而精致。苹果在 macOS 和 iOS 中让这种美学风格广为流行，此后它便成为网页仪表盘设计、卡片布局和模态遮罩层中的常客。
阅读约 5 分钟阅读完整指南