Toolipedia
PT
← Todas as ferramentas de texto

Gerador de glassmorphism

Crie cards com efeito de vidro fosco, com prévia ao vivo, e copie o CSS.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de glassmorphism

Crie o visual de vidro fosco popular nas interfaces modernas. Controles deslizantes ajustam o desfoque do fundo, a transparência, a borda e a sombra em uma visualização ao vivo, e a ferramenta gera CSS com backdrop-filter. O efeito só aparece quando há algo colorido atrás do card, então teste sobre um degradê ou uma foto.

Como usar: Gerador de glassmorphism

  1. Defina as opções acima. O resultado é atualizado ao vivo.
  2. Ajuste o que quiser até ficar do seu jeito.
  3. Copie o resultado ou baixe.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Por que o desfoque do meu backdrop-filter não aparece?

O elemento precisa de um fundo semitransparente, e algo precisa estar atrás dele para ser desfocado. Alguns navegadores mais antigos precisam do prefixo -webkit-backdrop-filter, que este gerador inclui no CSS.

Gerador de glassmorphism é grátis?

Sim. Gerador de glassmorphism no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Ferramentas relacionadas