毛玻璃生成器

可视化生成精美的 CSS Glassmorphism 样式

样式调节

模糊度 (Blur: 10px)

透明度 (Opacity: 0.40)

饱和度 (Saturation: 150%)

边框透明度 (0.20)

圆角 (16px)

实时预览

Glassmorphism

这是一种现代的视觉风格，通过背景模糊和半透明层创造出类似磨砂玻璃的质感。

CSS Output

/* Glassmorphism Effect */
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(10px) saturate(150%);
-webkit-backdrop-filter: blur(10px) saturate(150%);
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.2);