FERRAMENTASONLINE.NET

Gerador de Glassmorphism

Configure os parâmetros abaixo para gerar o código CSS do efeito Glassmorphism.

💡 Dica sobre o Blur:

O efeito de blur funciona melhor com valores entre 10-50px. Valores mais altos criam um efeito mais suave e "embaçado". Para um efeito glassmorphism mais realista, use transparência baixa (0.1-0.3) com blur médio (15-30px).

Glass
0.15
20px
10px
1px
0.3