Gerador CSS de Glassmorphism e Neumorphism

Crie efeitos modernos com pré-visualização ao vivo, sliders e CSS pronto a copiar.

Pré-visualização de vidro

Cor de fundo

Cor de destaque

Raio da borda (28px)

Desfoque da sombra (26px)

Desfoque do fundo (18px)

Transparência (22%)

Distância da sombra (12px)

Código CSS

background: rgba(255, 255, 255, 0.22);
border-radius: 28px;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.37);
box-shadow: 0 18px 26px rgba(15, 23, 42, 0.16);

Compartilhar a ferramenta