La proprietà text-shadow è utilizzata come segue:
text-shadow:2px 2px 2px #000;
Le ombre CSS richiedono tre valori di lunghezza, e un colore. I valori di lunghezza sono un offset orizzontale, un offset verticale, ed una sfocatura. Il valore può essere negativo o positivo.
Il Text-shadow è supportato da: Webkit (da Safari 3 +, Chrome), Opera 9.5, Firefox 3.1 (pre-Alpha), Konqueror.
Vedi anche:
CSS3 Angoli arrotondati,
CSS3 Ombra,
CSS3 Animazione,
CSS3 Text Ombra,
CSS3 Gradientee,
CSS3 Transition
L'ombra del testo è una caratteristica notevole che è stata a lungo attesa nel CSS3. Non c'è più alcun bisogno di creare immagini di Photoshop e caricarle sul server specifico per ottenere un effetto semplice come un'ombra dietro al testo. Può essere usato per attirare l'attenzione al testo, mostrare la funzione CSS3 shadow sul testo o nel caso di un menu di navigazione, per il semplice scopo di aggiungere stile e bellezza.