GEN-10Geradores
Gerador de box-shadow
Sombra CSS com prévia ao vivo
GEN-10Resultado
Seus dados não saem do seu dispositivo: esta ferramenta roda localmente no navegador.
Gerador de box-shadow
Ajuste deslocamento, desfoque, expansão e cor — e copie a regra box-shadow pronta. A prévia ao vivo mostra como a sombra fica em um cartão.
Perguntas frequentes
Para que serve o spread?
Um valor positivo expande a sombra antes do desfoque, um negativo a encolhe.
Como obter uma sombra suave e elegante?
Desfoque grande (30–60px), deslocamento pequeno e opacidade baixa (0,1–0,2).