Box Shadow
Sombras CSS
0px
4px
12px
0px
25%
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);Perguntas Frequentes
Quais são os parâmetros do box-shadow?
Box-shadow aceita: deslocamento horizontal, deslocamento vertical, raio de desfoque, raio de expansão (opcional) e cor. Exemplo: box-shadow: 10px 10px 20px 5px rgba(0,0,0,0.3).
Como crio uma sombra realista?
Use múltiplas sombras em camadas com diferentes valores de desfoque, mantenha as sombras sutis (baixa opacidade) e considere a direção da fonte de luz.
O que é a sombra inset?
Adicionar a palavra-chave "inset" cria uma sombra interna, fazendo o elemento parecer pressionado ou afundado. Útil para campos de entrada e botões.