Gerador de Box Shadow CSS
Ajuste deslocamento, desfoque, espalhamento e cor para montar uma sombra CSS (box-shadow) visualmente, com pré-visualização ao vivo e o código pronto pra copiar.
0px
10px
25px
-5px
35%
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.35);
Como funciona
Os valores de deslocamento horizontal/vertical, desfoque, espalhamento e cor são combinados na sintaxe `box-shadow` do CSS, com pré-visualização instantânea do efeito.
Como usar
Ajuste os sliders de deslocamento, desfoque, espalhamento e cor — o código CSS pronto aparece pra copiar.