Design e Acessibilidade
O que é Glassmorphism?
Glassmorphism é um estilo de UI que simula vidro fosco com transparência e desfoque de fundo (backdrop-filter).
O glassmorphism cria cards e painéis que parecem vidro translúcido, combinando transparência, desfoque do que está atrás (backdrop-filter), uma borda sutil e sombra para dar profundidade.
É um efeito puro CSS, popular em interfaces modernas. Funciona melhor sobre fundos coloridos ou com gradiente, e deve respeitar o contraste do texto para manter a legibilidade.
Use na prática
Gerador de Glassmorphism
Termos relacionados
Perguntas frequentes
Glassmorphism funciona em todos os navegadores?
O backdrop-filter é suportado nos navegadores modernos; em antigos, use um fundo sólido como fallback.
O efeito prejudica a acessibilidade?
Pode, se o texto perder contraste. Verifique o contraste sobre o fundo para manter a legibilidade (WCAG).