EnglishGerador de text-shadow CSS
Crie sombras de texto em CSS com prévia ao vivo e modelos prontos: neon, retrô, 3D, contorno, fogo e relevo, com várias camadas e cores.
Gerador de sombra de texto
Tudo é feito no seu aparelho: nada é enviado para a internet.
Disponível em: 
Gerador de text-shadow CSS: para que serve
Escolha um modelo e edite as camadas da sombra, uma por linha, com deslocamento, desfoque e cor. Mude o texto, a cor da letra e o fundo para ver o efeito final e copie o CSS com color e text-shadow.
Como usar
- Escolha um modelo de sombra.
- Edite o texto, as cores e as camadas.
- Copie o CSS.
Quando usar
- Criar títulos chamativos para sites.
- Fazer efeito neon e retrô.
- Melhorar a leitura de texto sobre imagens.
Perguntas frequentes
Como fazer texto neon em CSS?
Use várias camadas de text-shadow com a mesma cor e desfoques crescentes, como 0 0 5px, 0 0 10px e 0 0 20px, sobre um fundo escuro. O modelo Neon já monta essas camadas.
Como fazer contorno no texto?
Uma forma compatível com todos os navegadores é usar quatro sombras sem desfoque deslocadas 1 ou 2 px para cada lado. O modelo Contorno faz isso.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.