Новое свойство text-shadow, появившееся в css3, позволяет добавить к тексту тень... Но кроме этого, можно сделать еще кучу текстовых эффектов...

Приведу небольшую картинку, украденную (честно признаюсь) с одного сайта.

Тут в принципе все понятно, но все равно объясню: первый параметр - вертикальное смещение тени, второй - горизонтальное, третий - размытие, четвертый - цвет тени (можно использовать rgba и hsla). Можно через запятые выставить несколько теней.

Для начала несколько простых эффектов:

#a {text-shadow:1px 1px 1px black;} // простая тень 
 #b {text-shadow:-1px -1px black;} // вдавленность 
 #c {text-shadow:1px 1px 1px white, -1px -1px 0px lightgray;} // вдавленность uCozerer

Теперь самые интересные эффекты - размытие, свечение, отражение и т.д.

#a {text-shadow:0px 0px 2px black;color:transparent;} // размытие 
 #b {text-shadow:0px 0px 3px white;} // свечение 
 #c {text-shadow:0px 0px 3px white;} // свечение 
 #d {text-shadow:0px 0px 3px red;} // цветное свечение 
 #e {text-shadow:0px 0px 3px blue;} // цветное свечение 
 #f {text-shadow:1px 1px 4px white;color:black;} // таинственное свечение 
 #g {text-shadow:1px 1px 4px black;} // "молочный" текст 
 #h {text-shadow:0px 10px #bbb;} // отражение

Теперь еще интересная штука - называется "эхо теней" + два эффекта объема и обводка.

#a {text-shadow: 50px 10px 2px #4d9edb, -50px 5px 2px #0ac213, 20px -10px 2px #ff1919;} // эхо теней 
 #b {text-shadow: -1px -1px #fff, 1px 1px #333;} // выпуклый 
 #c {text-shadow: 1px 1px #fff, -1px -1px #333;} // вогнутый 
 #d {text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;} // обводка

Теперь еще два простеньких эффекта.

#a {text-shadow:2px 2px 2px orange;color:green;} // зеленый с рыжим 
 #b {text-shadow:0px 1px 1px white;} // гравировка 
 

Теперь обратимся к самым интересным эффектам. Порой даже не верится, что сделано не в фотошопе...

 
 #a {text-shadow:0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;color:black;} // огонь! 
 #b {text-shadow:1px 1px orange, 2px 2px orange, 3px 3px orange, 4px 4px orange, 5px 5px orange;color:yellow;} // 3D-текст 
 #c {text-shadow:2px 2px #eee, 3px 3px gray;color:gray;} // винтажный 
 #d {text-shadow:0px 0px 1px #fff, 0px 0px 4px #fff, 0px 0px 8px blue, 0px 0px 12px blue, 0px 0px 16px blue, 0px 0px 20px blue, 0px 0px 24px blue;} 
 /* неоновый, обратите внимание что тут просто несколько свечений: первые белые, остальные цветные */ 
 #e {text-shadow:2px 2px violet;color:rgba(0, 225, 225, 0.5);} // анаглифический 
 #f {text-shadow:2px 2px #ffd217, 4px 4px #5ac7ff, 6px 6px #ffd217, 8px 8px #5ac7ff;} // многослойный 
 

Text-shadow на самом деле появился еще в CSS2, но только в CSS3 стало возможно создавать множественные тени и кучу других эффектов. Свойство поддерживается в FF начиная с 3.1, в Chrome с 2, в Опере с 9.5, в Safari 3.1 обычные тени, с четвертого появились множественные тени. Насчет IE - 7-8 не поддерживает, зато девятка наверняка. Что касается мобильников, Safari на iOS поддерживает тени, но только не множественные (а может уже и множественные), а Opera Mini не поддерживает размытие тени. В IE, кстати, есть фильтры Shadow и Drop Shadow, но реализация ужасная, лучше не использовать.

Есть один скрипт. Говорят, позволяет сделать кроссбраузерную поддержку text-shadow. Скачивать тут: http://ucozerer.ucoz.ru/js/jquery.textshadow.js. Сделан на jQuery, для "понимания" над применить к нужному элементу (без параметров) метод textShadow. Если посмотреть на код, плагин добавляет "поддержку" text-shadow только в IE (в том числе и в шестой). Но у меня почему-то не заработал. Да, кроме функции textShadow() есть еще textShadowParse(value) (наверняка внутренняя) и textShadowRemove().

$(function(){ 
   $('#myelement').textShadow(); 
 });

И под конец дам ссылочку на красивое меню, в котором выполнено размытие с помощью text-shadow(красиво...): http://in-novations.ru/h/text-shadow/.