ifBuyz Tools
Design

Gerador de sombra de caixa CSS

Entrada

Ajuste deslocamento, desfoque, expansão e cor para gerar CSS box-shadow.

Offset X10px
Offset Y10px
Blur20px
Spread0px

Use valores negativos para mover a sombra para a esquerda ou para cima.

Saída

box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.2);

Perguntas frequentes

Para que serve Gerador de sombra de caixa CSSerator?
Criar sombras CSS de forma visual e rápida.
Quais parâmetros principais?
Offset, blur, spread, cor e opacidade.
Suporta múltiplas sombras?
Sim, com várias camadas.