Gerador de Text Shadow

Crie sombras, contornos e efeitos neon em texto com múltiplas camadas.

Efeitos & Visual

Aa Bb

 estilo.css

text-shadow

Sintaxe: offset-x | offset-y | blur | cor. Não possui spread — o tamanho da sombra é controlado apenas pelo desfoque.

Efeito neon

Combine múltiplas camadas com a mesma cor saturada e blur crescente para simular um brilho neon em torno do texto.

Perguntas frequentes

Text-shadow funciona em qualquer fonte?

Sim, é aplicado sobre o texto renderizado independentemente da fonte escolhida.

Como criar um efeito de contorno (outline)?

Empilhe 4 sombras pequenas nas direções N, S, L, O com blur 0 e a cor do contorno desejado.

Posso usar em títulos grandes?

Sim, mas em textos muito grandes prefira blur discreto para não comprometer a legibilidade.

Combine múltiplas camadas de sombra para profundidade realista, inclusive sombras internas.

Gradientes lineares, radiais e cônicos com múltiplos stops de cor.

Botões com preenchimento, sombra, borda e cantos arredondados prontos para o seu design system.