Gerador de Text-Shadow CSS
Crie efeitos CSS text-shadow visualmente. Adicione várias camadas de sombra, ajuste deslocamento, desfoque e cor. Copie o código CSS. Grátis, 100% no seu navegador.
Visualização
Saída CSS
Referência
O que é text-shadow?
A propriedade CSS text-shadow adiciona uma ou mais sombras a um texto. Cada sombra é definida por um deslocamento horizontal e vertical, um raio de desfoque opcional e uma cor.
Sintaxe
A sintaxe é text-shadow: offset-x offset-y blur-radius color. Múltiplas sombras são separadas por vírgulas. Exemplo: text-shadow: 2px 2px 4px rgba(0,0,0,0.5), -1px -1px 2px rgba(0,0,0,0.3).
Dicas
Use sombras sutis para profundidade e legibilidade. Múltiplas camadas com cores diferentes criam efeitos neon ou brilhantes. Deslocamentos negativos projetam a sombra para a esquerda/cima. Valores de desfoque altos produzem efeitos de brilho suave.
Privacidade
Todo o processamento é executado 100% no seu navegador. Nenhum dado é enviado a servidores.