Gerador de Box Shadow CSS

Desenhe visualmente sombras de caixa CSS complexas com visualização ao vivo e geração instantânea de código.

Camadas de Sombra

Propriedades da Sombra (Layer 1) Deslocamento Horizontal (X): 10px Deslocamento Vertical (Y): 10px Raio de Desfoque: 15px Raio de Propagação: -3px

Cor da Sombra Sombra Interna (Inset)

Visualização

Cor de Fundo Cor da Caixa

CSS

Sobre

Controles interativos para deslocamento X/Y, desfoque e raio de propagação
Suporte a várias camadas de sombra e sombras internas
Seletor de cores para a sombra e o fundo
Geração instantânea de código CSS cross-browser

Ferramentas Relacionadas