Qual box-shadow usar em botões sem exagerar?

Para botões, prefira offset Y pequeno (4 a 10), blur moderado e cor escura com baixa opacidade para manter contraste e legibilidade.

Como usar Gerador de Sombras CSS para acelerar meu CSS?

Ajuste os parâmetros no preview, valide o resultado visual e copie o CSS final para aplicar diretamente no seu projeto.

Sim. O código gerado é focado em CSS moderno para uso em sites e aplicações front-end atuais.

Use blur entre 20 e 40, spread negativo leve e opacidade entre 0.12 e 0.25 para profundidade suave em cards modernos.

Ajuste os parâmetros e copie o código box-shadow pronto.

Offset X

Offset Y

Blur

Spread

Cor

Opacidade

Inset (sombra interna)

Preview

Comece com 0 10px 30px -8px rgba(17,24,39,.25) e ajuste blur/opacidade conforme o tamanho do card.

Use sombra mais curta e leve para evitar “flutuação excessiva”, mantendo foco no texto e no CTA.