玻璃拟态生成器

生成玻璃拟态风格 CSS 代码

背景颜色#ffffff

透明度: 20%

模糊: 10px

饱和度: 180%

边框透明度: 30%

圆角: 16px

玻璃效果

Glassmorphism UI

CSS 代码

.glass {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px) saturate(180%);
  -webkit-backdrop-filter: blur(10px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
}

工具说明

在线玻璃拟态（Glassmorphism）效果生成器，可视化调整透明度、模糊度、边框颜色，实时预览玻璃卡片效果，一键复制 CSS 代码。

glassmorphism玻璃拟态backdrop-filterblurcssui