Gerador de efeito glassmorphism em CSS
Crie aparência de vidro fosco ajustando desfoque do fundo, transparência, borda e cor em uma prévia visual, com CSS pronto para copiar
Personalizar efeito de vidro
Desfoque do fundo:
10px
Glass Opacity:
0.25
Raio da borda:
16px
Componente de exemplo
Estilos CSS gerados
Sobre esta ferramenta
Gerador de efeito glassmorphism em CSS
Crie aparência de vidro fosco ajustando desfoque do fundo, transparência, borda e cor em uma prévia visual, com CSS pronto para copiar.
Como usar e interpretar os resultados
Fundos translúcidos podem reduzir o contraste do texto. Confira legibilidade e desempenho em dispositivos mais lentos.