Gerador de sombras CSS

Gere CSS para sombras (externas/internas) com parâmetros ajustáveis.
Padrão
box-shadowtext-shadow
Cor (#000000)
Opacidade (50%)
Espalhamento (5px)
Deslocamento Y (10px)
Deslocamento X (10px)
Tamanho (0px)
Direção
ExternaInterna

Explicação

Gera CSS em tempo real a partir de parâmetros de sombra como cor e distância.

Configurações

PadrãoEscolha entre sombras de caixa (box-shadow) e sombras de texto (text-shadow).
CorDefine a cor da sombra.
OpacidadeDefine a opacidade da cor da sombra.
EspalhamentoAjusta o nível de desfoque/espalhamento.
DistânciaDefine os deslocamentos X/Y. 0px é centralizado.
TamanhoDefine o tamanho da sombra. Com distância 0px e tamanho maior, cria um efeito de brilho.
DireçãoEscolha se a sombra é externa ou inset.