Gerador de Glassmorphism

Ajuste visualmente efeitos de vidro fosco com backdrop-filter: blur, saturação e opacidade. Preview em tempo real e copie o código CSS.

模糊强度12px

背景透明度25%

饱和度120%

边框透明度20%

基色

毛玻璃效果

调节左侧参数查看实时效果

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(12px) saturate(120%);
-webkit-backdrop-filter: blur(12px) saturate(120%);
border: 1px solid rgba(255, 255, 255, 0.20);

Ferramentas de Design · Ferramentas relacionadas

→