Box-shadow CSS
Ajuste deslocamento, blur, spread, cor e opacidade de sombras CSS com preview ao vivo. Copie a declaração pronta para seu projeto.
Box-shadow CSS
Monte sombras CSS com pré-visualização ao vivo.
Design
Box-shadow CSS
Monte sombras com preview ao vivo.
Como usar
Como usar
Mova os controles numéricos, escolha a cor e marque inset se desejar sombra interna. Copie o CSS gerado.
Exemplos
Sombra suave
Padrão UI.
Entrada
0 4px 12px rgba(0,0,0,.15)
Saída
Card elevado
Inset
Campo pressionado.
Entrada
inset 0 2px 4px
Saída
Profundidade interna
Spread negativo
Contorno sutil.
Entrada
spread -4
Saída
Sombra mais fechada