Text shadow

A propriedade CSS3 text-shadow destina-se a definir sombras em em textos.

A sintaxe geral para aplicar sombras é mostrada a seguir.

seletor { 
text-shadow: offsetX offsetY raioBlur cor [,offsetX offsetY raioBlur cor]*; 
} 

Os valores raioBlur e cor são opcionais.

Interativo

Escolha um texto, as cores e acione os sliders para definir 1 ou 2 sombras:

texto para aplicar as sombras: OK      cor do texto cinza escura cinza clara branca marrom preta amarela

Sombra 1

cor? black red green blue orange

offsetX = 0 offsetY = 0 raioBlur = 0

---

Sombra 2

cor? red black green blue orange

offsetX = 0 offsetY = 0 raioBlur = 0

jQuery UI

seletor { text-shadow: 0 0 0 0 none; }