6XC

Gerador de Sombra de Texto CSS

Crie um text-shadow com deslocamentos, desfoque, cor e opacidade — pré-visualização ao vivo em texto de exemplo.

943 visualizações

Título de Exemplo

A Propriedade text-shadow

Sintaxe: text-shadow: x y desfoque cor (sem propagação, ao contrário do box-shadow). Sombras sutis fazem os títulos se destacarem da página; deslocamentos fortes com desfoque zero criam estilos retrô de "sombra dura"; e várias sombras separadas por vírgula podem simular contornos e efeitos neon.

Perguntas Frequentes

Como faço um efeito neon?

Use deslocamentos zero e empilhe sombras com desfoque crescente em uma cor viva: 0 0 6px, 0 0 12px, 0 0 24px — todas na cor do brilho, sobre um fundo escuro.

O text-shadow afeta a acessibilidade?

Sombras pesadas podem prejudicar a legibilidade. Mantenha o texto do corpo sem sombra e reserve os efeitos para títulos grandes; sempre verifique o contraste depois de aplicar.

Ferramentas Semelhantes

Gerador de Gradiente CSS Crie gradientes CSS lineares, radiais e cônicos com pré-visualização ao vivo e copie o código. Gerar Gerador de Sombra CSS (Box Shadow) Desenhe uma box-shadow visualmente — deslocamentos, desfoque, expansão, cor, opacidade e inset — com pré-visualização em tempo real. Gerar Gerador de Border Radius CSS Arredonde cada canto individualmente ou todos de uma vez, em px ou %, com pré-visualização ao vivo e CSS copiável. Gerar Gerador de Borda CSS Desenhe uma borda visualmente — espessura, estilo (solid, dashed, dotted, double…), cor e raio — com pré-visualização em tempo real. Gerar