玻璃拟态生成器

功能说明

生成磨砂玻璃（glassmorphism）CSS —— backdrop-blur、半透明背景、细腻边框和柔和阴影。调节模糊度、不透明度、色调、圆角、边框和饱和度，实时预览，并复制完整的声明块。100% 在客户端运行。

使用方法

1. 调节滑块：Blur、Opacity、Border、Radius、Saturation。
2. 选择 Tint 颜色。
3. Copy CSS。

示例

模糊 12、不透明度 0.6、白色调、圆角 16 →

background: rgba(255, 255, 255, 0.6);
-webkit-backdrop-filter: blur(12px) saturate(180%);
backdrop-filter: blur(12px) saturate(180%);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);

补充说明

• 隐私： 生成过程在本地完成。
• backdrop-filter 需要元素背后有彩色或图片背景才能显现效果。
• 相关工具： Box-Shadow Generator、CSS Gradient Generator。