Gerador de CSS box-shadow

Gere CSS box-shadow com controles visuais. Ajuste deslocamento, desfoque, expansão e cor.

Controls
Preview
Preview
CSS Code
/* Select controls above */

Perguntas frequentes

O que é box-shadow?

A propriedade CSS box-shadow adiciona efeitos de sombra ao redor da moldura de um elemento. Você pode controlar posição, desfoque, expansão e cor.

O que faz o spread?

Spread expande ou contrai a sombra. Valores positivos tornam a sombra maior, valores negativos a tornam menor que o elemento.

O que é uma sombra inset?

Uma sombra inset aparece dentro da borda do elemento, criando uma sombra interna ou efeito de pressionamento.