Question 1

O que é a propriedade CSS text-shadow?

Accepted Answer

A propriedade CSS text-shadow adiciona efeitos de sombra ao texto. Aceita uma lista de sombras separadas por vírgulas, cada uma definida por: deslocamento horizontal (px), deslocamento vertical (px), raio de desfoque (px) e cor. Exemplo: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Question 2

Posso empilhar múltiplas sombras de texto?

Accepted Answer

Sim! CSS text-shadow suporta múltiplas sombras separando-as com vírgulas: text-shadow: 1px 1px 2px black, 0 0 10px blue. Cada sombra é renderizada em ordem, da primeira (embaixo) para a última (em cima). Esta ferramenta permite adicionar, configurar e remover quantas sombras precisar.

Question 3

O que faz o raio de desfoque?

Accepted Answer

O raio de desfoque controla o quão difusa (borrada) é a sombra. Um valor de 0 produz uma sombra nítida. Valores maiores criam uma sombra mais difusa e suave. Ao contrário do box-shadow, não há opção de raio de extensão para text-shadow, então o desfoque é a única maneira de controlar o tamanho da sombra.

Question 4

Quais navegadores suportam text-shadow?

Accepted Answer

CSS text-shadow é suportado em todos os navegadores modernos, incluindo Chrome, Firefox, Safari, Edge e Opera. Tem sido amplamente suportado desde 2010 e não requer prefixos de fornecedor. É seguro usar em todos os ambientes de produção.

Question 5

Como criar um efeito de brilho neon?

Accepted Answer

Para um brilho neon, empilhe múltiplas camadas de text-shadow com a mesma cor, mas com desfoque crescente: text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #ff00de, 0 0 40px #ff00de. Comece com uma sombra de núcleo branco, depois adicione sombras coloridas mais largas para o efeito de brilho.

Gerador de sombra de texto CSS

Perguntas Frequentes

Comments & Feedback