UTILS.
100% no navegador

Gerador de Glassmorphism

Crie CSS de cartão em vidro fosco com blur, transparência, saturação e cor de tonalidade.

Sobre esta ferramenta

Ajuste blur, transparência, saturação e tonalidade para criar um cartão de vidro fosco e copie seu CSS, tudo no seu navegador.

Perguntas frequentes

Por que a prévia fica sobre um gradiente?
O glassmorphism depende de um fundo colorido para que o blur e a transparência fiquem visíveis atrás do cartão.
O que o backdrop-filter faz?
Ele aplica blur e saturação ao que estiver atrás do elemento para produzir o efeito de vidro fosco.

Mais ferramentas