Gerador de Box Shadow

Bem-vindo ao nosso gerador de box shadow! Use nossa ferramenta para criar sombras personalizadas para seus elementos de página.

Esta ferramenta permite que você ajuste as sombras dos elementos da sua página de forma fácil e rápida. Use os controles deslizantes para ajustar o deslocamento horizontal e vertical, o desfoque, a intensidade do espalhamento e a cor da sombra. Você pode ver o resultado em tempo real na seção de preview.
Quando estiver satisfeito com a sombra, copie as regras geradas e cole no seu arquivo CSS.

Configurações da Box Shadow:

px

px

px

px

Preview do efeito gerado:

Copie e cole no seu arquivo CSS:

box-shadow: ;

-webkit-box-shadow: ;

-moz-box-shadow: ;

Clique no quadro acima para copiar as regras