Gerador de Glassmorphism CSS
Crie efeitos de vidro fosco (glassmorphism) com backdrop-filter, transparência e bordas. Ajuste blur, saturação e opacidade. Veja o preview em tempo real e copie o CSS. Tudo no navegador.
O que é Glassmorphism?
Glassmorphism é um estilo visual que simula vidro fosco: fundo translúcido, leve desfoque do conteúdo atrás (backdrop-filter: blur()) e uma borda sutil. Foi popularizado pelo macOS Big Sur e Windows 11.
Funciona melhor sobre fundos coloridos ou imagens — em fundos sólidos, o efeito é quase invisível. Combine com backdrop-filter: saturate() para realçar as cores que aparecem por trás.
Compatibilidade: requer browsers modernos. Para Safari, inclua -webkit-backdrop-filter.
Ferramentas Relacionadas
Decodificador Pix
Decodifica BR Code Pix (texto começando com 0002...) extraindo chave, valor, beneficiário, cidade e identificador.
Buscador de Ícones
Busca ícones SVG da biblioteca Lucide (1300+ ícones) por nome. Copia o SVG ou o nome do componente.
Formatador .env
Formata arquivos .env: alfabetiza variáveis, agrupa por prefixo, escapa valores com aspas e remove duplicatas.