Sobre esta ferramenta
Crie visualmente um box-shadow CSS arrastando controles deslizantes para deslocamento, desfoque, expansão, cor e opacidade, e depois copie a regra pronta para usar. Tudo é atualizado ao vivo e roda inteiramente no seu navegador.
Perguntas frequentes
O que o valor de expansão (spread) faz?
A expansão aumenta (positivo) ou reduz (negativo) a sombra antes de qualquer desfoque ser aplicado, deixando-a maior ou mais ajustada do que o elemento.
O que é uma sombra inset?
O inset desenha a sombra dentro do elemento em vez de fora, o que é útil para botões pressionados ou brilhos internos.