Pular para o conteúdo principal
Uddatak

Gerador de Box-Shadow CSS

Ajuste deslocamento, desfoque, propagação, cor, e opacidade com controles deslizantes ao vivo para projetar um efeito box-shadow em um cartão de prévia, depois copie a propriedade CSS box-shadow exata — incluindo suporte para múltiplas sombras empilhadas.

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

box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);

Continuar com

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
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

Conversor de PX para REM

Converta entre pixels e unidades rem, com base em um tamanho de fonte raiz personalizado.

Ferramentas de Design e CSSAbrir ferramenta

Ferramentas relacionadas

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

Conversor de PX para REM

Converta entre pixels e unidades rem, com base em um tamanho de fonte raiz personalizado.

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Extrator de Paleta de Cores

Extraia as cores mais dominantes de qualquer imagem, com códigos HEX, RGB e CSS

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Gerador de captura de código

Cole código e transforme-o em uma imagem polida com fundo em gradiente e barra de título, pronta para compartilhar

Ferramentas de Design e CSSAbrir ferramenta
Totalmente local

Simulador de Daltonismo

Veja como sua imagem aparece para alguém com daltonismo (protanopia, deuteranopia, tritanopia ou acromatopsia)

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