Gerador de box-shadow CSS

Crie sombras CSS, ajustando deslocamento, desfoque, expansão e cor.

box-shadow: 0px 12px 30px -8px rgba(15, 23, 42, 0.25);

Como funciona

Ajuste os controles de deslocamento horizontal e vertical, desfoque, expansão, cor e opacidade. O código box-shadow é atualizado em tempo real.

Perguntas frequentes

Posso criar uma sombra interior?

Sim. Ative a opção inset para tornar a sombra interna.

Que código gera?

Gere uma declaração CSS box-shadow pronta para copiar.