CSSTools

Guia Completo de CSS Text Shadow

A propriedade CSS text-shadow adiciona um ou mais efeitos de sombra aos caracteres de texto. Aceita uma lista de sombras separadas por vírgulas, permitindo criar efeitos de néon, 3D e em camadas com uma única propriedade.

Sintaxe

text-shadow: offsetX offsetY blur color;

/* Efeito de néon com múltiplas camadas */
text-shadow:
  0 0 7px #fff,
  0 0 20px #7c6fff,
  0 0 45px #7c6fff;

Perguntas Frequentes

Posso usar múltiplas sombras de texto?

Sim. text-shadow aceita uma lista de sombras separadas por vírgulas. São renderizadas da última para a primeira, com a primeira sombra no topo.

Qual é a diferença entre text-shadow e filter:drop-shadow?

text-shadow se aplica apenas ao texto. filter: drop-shadow() se aplica aos pixels visíveis de qualquer elemento.

Tool last updated: