Pular para o conteúdo principal
Uddatak

Gerador de Glassmorphism CSS

Ajuste o desfoque de fundo, a cor e opacidade do tom do vidro, a opacidade da borda e o arredondamento dos cantos com controles deslizantes ao vivo sobre um fundo colorido, e depois copie o código CSS exato (incluindo o prefixo WebKit para o Safari).

Ferramentas de Design e CSS Funciona totalmente no seu navegador

Todo o processamento acontece no seu dispositivo — nada é enviado a um servidor.

Código CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Continuar com

Totalmente local

Gerador de Box-Shadow CSS

Projete visualmente um box-shadow CSS com controles deslizantes e copie o código gerado.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de Border-Radius CSS

Projete visualmente cantos arredondados — incluindo formas assimétricas — e copie o código CSS.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de Gradiente CSS

Crie visualmente um gradiente CSS linear ou radial e copie o código.

Ferramentas de Design e CSSAbrir ferramenta

Ferramentas relacionadas

Totalmente local

Gerador de layout CSS Grid e Flexbox

Projete visualmente um layout Grid ou Flexbox com prévia ao vivo e copie o código CSS pronto para usar.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Conversor de texto para escrita à mão

Transforme texto digitado em uma imagem que parece escrita à mão em papel pautado, em vários estilos de caligrafia.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de blobs e padrões de fundo SVG

Gere uma forma orgânica aleatória (blob) ou um padrão de fundo repetitivo sem emendas em SVG, e copie ou baixe.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de animações CSS Keyframe

Crie uma animação CSS visualmente (aparecer, deslizar, zoom, saltar, girar, virar) e obtenha código @keyframes pronto para uso.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de harmonia de paleta de cores

Escolha uma cor base e obtenha uma paleta de cores harmoniosa (complementar, análoga, tríade, tétrade, monocromática).

Ferramentas de Design e CSSAbrir ferramenta

Pronto para experimentar o Uddatak?

Explore a biblioteca completa de ferramentas e comece a usar o que você precisa agora — grátis, sem cadastro.

Ver todas as ferramentas