玻璃拟态生成器

玻璃拟态指南

玻璃拟态是一种使用磨砂玻璃效果的 UI 设计风格：半透明图层、背景模糊和细腻边框，让背景颜色透出光晕。它由 Apple 和 Microsoft 推广，如今已成为现代界面设计的标准技法。

调整模糊半径、白色透明度、边框宽度和圆角半径，打造你的玻璃卡片。预览会在彩色背景上呈现逼真的磨砂面板，CSS 输出自动包含 Safari 兼容所需的 -webkit- 前缀。

专业提示

• 玻璃效果需要彩色背景才能显现。在纯白或纯黑背景上，玻璃拟态会失去层次感——始终搭配鲜艳的渐变使用。
• 透明度保持在 10% 到 30% 之间。过高的不透明度会把玻璃变成一块实心白卡片，效果全无。
• 玻璃面板适合用在侧边栏、导航栏和弹窗上，不要用来承载大段正文。磨砂表面最适合作为短标签、图标和按钮的容器。