Gerador de box-shadow CSS

Cria uma declaração CSS box-shadow a partir do deslocamento, desfocagem, expansão e cor.

Gráficos Sem estado

Guia rápido

Experimenta este exemplo

Introduzes

Deslocamento horizontal (px)
0
Deslocamento vertical (px)
4
Raio de desfocagem (px)
12
Expansão (px)
0
Cor hexadecimal
#00000033
Posição da sombra
Exterior

Obténs

box-shadow: 0px 4px 12px 0px #00000033;
Como funciona e limites

Indica os comprimentos em píxeis e uma cor hexadecimal com seis ou oito algarismos. Uma expansão negativa reduz a sombra.