В данном уроке рассмотрим как делать тень для текста. Свойство text-shadow в CSS отвечает за тень текста. Это свойство относится к версии CSS3. Ранее оно также было описано в версиях CSS2 и CSS2.1. Браузеры поодерживающие свойство text-shadow:Opera версии 9.5 и выше, Google Chrome версии 2 и выше, Firefox версии 3.1 и выше и Safari версии 3 и выше.

Рассмотрим наглядный пример.



Сейчас к этому заголоовку присвоим свойство text-shadow:



Запись свойства в CSS:

h1 { text-shadow: 4px 5px 2px grey;}
Подключение стиля в HTML:

<h1 class="h1"> Мир в точности таков, каким мы его видим
На примере мы создали в CSS стиль h1. Потом записали свойство text-shadow и присвоили ему значения- 4px, 5px, 2px, grey.

Где первое значение- смещение тени по горизонтали; второе- смещение тени по вертикали; третье- уровень размытия тени; четвертое- цвет тени.

Также можна создавать несколько слоев тени для текста. Приведем пример для выше упомянутого нами заголовка h1.



Код в CSS:

h1 { text-shadow: 4px 5px 2px grey, -4px 4px 2px blue, 5px -4px 5px red}
В CSS коде в свойстве text-shadow мы через зяпятую еще 2 раза перечислили значения с координатами, которые нам нужно.

---