Стильная тень на CSS
Вот такая симпатичная двойная тень, делающая текст словно бы вырезанным из бумаги, достигается при помощи использования свойства text-shadow с двумя значениями, записанными последовательно через запятую:
text-shadow: 0 2px 0 #fff, 0 4px 0 #ccc;
Про двойную тень средствами CSS я уже как-то рассказывал.
Здесь же сначала добавляется тень белого цвета, сдвинутая вниз на 2 пикселя, а затем еще одна тень серого цвета, но уже сдвинутая на 4 пикселя. Просто и довольно симпатично.
Напомню, что первые два значения задают, соответственно, смещение по горизонтали и по вертикали, третье — размытие.
А вот еще более крутое использование данного свойства: 3D текст.
Enjoy!
