Ferramentas para desenvolvedores

Gerador de Box Shadow CSS

Gerador de Box Shadow CSS traz controles deslizantes para deslocamento, desfoque, espalhamento, cor e sombra interna, com prévia ao vivo e CSS pronto para copiar.

Última atualização: July 2026

Crie sombras (box-shadow) em CSS visualmente com controles deslizantes e copie o código. Gerador grátis, instantâneo e no navegador.

Gerador de Box Shadow CSSFunciona no seu navegador

Como usar Gerador de Box Shadow CSS

  1. Ajuste os controles da sombra.
  2. Veja a prévia ao vivo.
  3. Copie o CSS.

Perguntas frequentes

Suporta sombra interna (inset)?

Sim — ative ou desative o inset.

Dá para controlar cor e opacidade?

Sim, incluindo a cor da sombra e sua transparência.

É grátis?

Sim, grátis e instantâneo.

ferramentas para desenvolvedores relacionadas