Gerador de sombras CSS

Crie sombras CSS com controles deslizantes. Pré-visualização ao vivo, copie o código.

Pré-visualização

Deslocamento X 0px

Deslocamento Y 8px

Desfoque 24px

Expansão 0px

Cor

Opacidade 25%

Interna (inset)

CSS

Privado por arquitetura: esta ferramenta roda inteiramente no seu navegador. Nada é enviado para lugar nenhum.

Perguntas, respondidas.

O que ele gera?

Um valor de box-shadow pronto para colar.

O que é inset?

Uma sombra interna em vez de externa — ative para ver a diferença.

Formate, valide e minifique JSON na hora no seu navegador. Nada é enviado.

Converta um array JSON em CSV e baixe. Objetos aninhados achatados.

Codifique texto para Base64 ou decodifique de volta. Rápido, local, sem enrolação.