Como Criar um Efeito Glassmorphism em que o Texto Continua Legível?.

O glassmorphism usa um painel translúcido, desfoque do fundo e um contorno claro. Pode ser elegante, mas o texto desaparece sobre um fundo complexo.

A regra principal é simples: o painel deve criar contraste por si próprio.

Torne o vidro legível

• Use opacidade suficiente para separar o painel da imagem.
• Mantenha texto escuro num painel claro, ou claro num painel realmente escuro.
• Adicione um contorno subtil.
• Use o desfoque como apoio, não como única forma de distinção.
• Evite texto pequeno e fino sobre imagens detalhadas.

O Gerador de Glassmorphism permite ajustar transparência, desfoque, contorno e sombra antes de copiar o CSS. Teste também um fundo complexo; um painel ligeiramente mais sólido costuma ser uma melhor troca.