В этом уроке речь пойдет о таком свойстве Css как text-shadow оно позволяет создавать тень для текста. Используя это свойство css можно добавить эффект размытия для нашего текста.
text shadow
Cинтаксис:
#text{
text-shadow: 2px 3px 2px #CCC;
}
Итак text-shadow имеет 4 велечины (3 для позиции тени и 1 для цвета):
1. Цвет тени (#CCC)
2. Координата Х (2px), относительно текста
3. Координата Y (3px), относительно текста
4. Радиус размытия тени (2px), не обязателен
text-shadow рабоет не во всех браузерах вот список браузеров в которых он
отображается:
Firefox 3 и выше
Opera 9.5 и выше
Safari 1.3 и выше
Chrome все версии
В IE она конечно же не работает даже в IE 8 все хором поблагодарили Microsof ))
А вот и пример работы text-shadow он будет работать только на тех браузерах которые перечисленны выше.
Исходный код:
<h1 id="first">Разноцветная тень</h1>
<h1 id="second">Простая тень</h1>
<a id="third" href="#">Тень при наведении</a>