玻璃拟态生成器

在线生成毛玻璃（Glassmorphism）效果 CSS，支持背景模糊、透明度、边框与圆角调节，实时预览。

快速预设

背景类型

背景起始

背景结束

卡片底色

模糊半径 12px

圆角 20px

边框宽度 1px

透明度 25%

边框颜色

色彩饱和度 180%

阴影 (box-shadow)

Glass

CSS 代码

.glass {
  background: rgba(255,255,255,0.25);
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
}