16Dream Toolbox

Gerador de Sombra CSS

Monte visualmente um box-shadow de CSS e copie o código pronto.

Deslocamento X: 0px

Deslocamento Y: 10px

Desfoque: 20px

Espalhamento: 0px

Opacidade: 25%

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

Espaço reservado para anúncio

Como usar

Ajuste deslocamento, desfoque, espalhamento, cor e opacidade com controles visuais e veja o resultado em tempo real, com o código `box-shadow` pronto para copiar.

Exemplo de uso

Exemplo: uma sombra suave para cards costuma usar deslocamento Y de 10px, desfoque de 20px e opacidade baixa.

Ferramentas relacionadas

🎨

Gerador de Gradiente CSS

Monte um gradiente CSS visualmente e copie o código pronto.

Espaço reservado para anúncio

© 2026 16Dream Toolbox.

  • Sobre
  • Privacidade
  • Termos de Uso

Usamos cookies para melhorar sua experiência e, com sua permissão, exibir anúncios. Veja nossa Política de Privacidade.