Tiny Online Tools logoTiny Online ToolssearchBuscar ferramentas…grid_viewTodas as ferramentas
Iniciochevron_rightFerramentas de Designchevron_rightGerador de Box ShadowGerador de Box Shadow

Gerador de Box Shadow

Crie sombras CSS visualmente com prévia em tempo real.

Predefinições
Shadow {idx + 1}OutsetCSS gerado
box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.15);

Ferramentas semelhantes

Gerador de text-shadow

Gerador de text-shadow

Crie efeitos de CSS text-shadow com pré-visualização ao vivo.

Gerador de gradientes

Gerador de gradientes

Crie gradientes CSS visualmente com pré-visualização ao vivo.

Gerador de Border Radius

Gerador de Border Radius

Controle visualmente o arredondamento de cantos e copie o CSS.

Gerador CSS Clip-Path

Gerador CSS Clip-Path

Gere formas CSS clip-path com prévia ao vivo.

Adicionar marca d’água ao PDF

Adicionar marca d’água ao PDF

Adicione uma marca d’água de texto a um PDF.

MP4 para GIF

MP4 para GIF

Converta arquivos de video (MP4, WebM, MOV) para GIF animado diretamente no seu navegador.

Calculadora de Porcentagem

Calculadora de Porcentagem

Calcule porcentagens facilmente.

apps

Mais ferramentas

Explore nossa colecao completa de ferramentas online gratuitas.

Monte sombras em camadas sem editar CSS longo na mão

Sombras de caixa são fáceis de começar, mas cansam quando você precisa ajustar deslocamento, desfoque, expansão, cor e várias camadas manualmente. Um gerador visual deixa esse processo muito mais rápido e fácil de avaliar.

O que a ferramenta permite testar

Você pode construir desde sombras discretas até efeitos mais marcantes ajustando:

  • deslocamento horizontal e vertical
  • raio de desfoque e de expansão
  • cor e transparência alfa
  • sombras internas ou externas
  • várias camadas empilhadas

Quando isso ajuda bastante

Um gerador de box shadow é útil para:

  • criar estilos de elevação para cartões
  • montar sombras suaves para componentes modernos
  • testar sombras internas e efeitos de brilho
  • produzir CSS reutilizável para um design system

Sombras em múltiplas camadas pedem equilíbrio

Empilhar sombras pode criar profundidade elegante, mas também pode deixar o resultado pesado rapidamente. Depois de encontrar um efeito bom, vale testá-lo em superfícies claras e escuras para garantir que continua limpo.