Gerador de Glassmorphism CSS

Sobre Gerador de Glassmorphism CSS

Crie efeitos de vidro fosco para interface com desfoque, transparência e controles de backdrop-filter — gere CSS pronto para produção no seu navegador.

Como usar Gerador de Glassmorphism CSS

1. 1Aapenase o blur amount to control how frosted the glass efeito appears.
2. 2Set the opacidade and borda opacidade for the glass camada.
3. 3Escolha uma cor de fundo e ajuste a saturação para o tom do vidro.
4. 4Pré-visualize o efeito em um cartão de exemplo com um fundo colorido atrás.
5. 5Copie a saída CSS e aplique aos seus elementos.

Ferramentas relacionadas

• Gerador de Hash
• Codificador Base64
• Decodificador JWT
• Formatador JSON