毛玻璃效果生成器

可视化创建 Glassmorphism 毛玻璃效果，实时预览并生成 CSS 代码

毛玻璃效果

Glassmorphism 是一种流行的 UI 设计风格，通过模糊背景和半透明层创造出磨砂玻璃的质感。

模糊度12px

背景透明度0.25

饱和度180%

边框透明度0.2

圆角16px

背景色

CSS 代码

background: #ffffff40;
backdrop-filter: blur(12px) saturate(180%);
-webkit-backdrop-filter: blur(12px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 16px;