Gerador de Sombra de Caixa

Ferramenta visual para criar e copiar código CSS box-shadow.

Fundo

#e0e0e0

Cor da caixa

#e0e0e0

Raio da borda24px

border-radius: 24px;
background: #e0e0e0;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);

Horizontal0px

Vertical4px

Raio de desfoque14px

Raio de dispersão0px

Cor da sombra#000000

Opacidade25%

Ferramentas recomendadas

Utilitários selecionados que você pode achar úteis

Crie paletas de cores bonitas e copie o código CSS.

Extraia cores de imagens e gere paletas de design.

Crie animações CSS de keyframes visualmente.

Crie gradientes lineares e radiais CSS.

Gere formas blob SVG orgânicas e bonitas para designs.

Crie efeitos CSS de vidro fosco com pré-visualização em tempo real.

Projete clip-paths CSS complexos visualmente.

Projete e exporte botões CSS bonitos.