🪟 Gerador de Glassmorphism CSS

Crie o efeito glass (vidro fosco) com backdrop-filter, transparência e borda. Preview ao vivo.

Blur: 12px

Transparência: 15%

Opacidade borda: 30%

Border radius: 16px

Cor do glass

Cor de fundo (preview)

Glass Card

Exemplo de glassmorphism

CSS

ℹ️ Sobre esta ferramenta

Glassmorphism é uma tendência de design que simula vidro fosco usando backdrop-filter: blur() e fundo semi-transparente. Funciona melhor sobre fundos coloridos ou com gradiente. O suporte a backdrop-filter é amplo nos navegadores modernos (Chrome, Firefox 103+, Safari).