
17.10.2009, 15:07
|
|
Постоянный
Регистрация: 20.01.2007
Сообщений: 705
Провел на форуме: 5381835
Репутация:
1329
|
|
Тень для текста с помощью CSS
Может кто-то и не знает, но красиво оформить текст с помощью добавления к нему тени можно и без использования всяких JS-скриптов.
Для этого существует свойство text-shadow.
Пример использования:
Код:
h2 {
color: #FF0000;
text-shadow: 2px 2px 4px #0000FF;
}
Код HTML:
<h2>Текст с тенью</h2>
Теперь наш заголовок второго уровня будет красный с синей тенью.
Циферки в свойстве означают:- Первые две цифры (2px 2px) — смещение тени на n пикселей по горизонтали и вертикали соответственно. Т.е. в нашем примере тень будет смещена на 2 пикселя вправо и вниз.
Можно указывать и отрицательные значения, тогда тень будет смещаться влево вверх.
- Третья цифра (4px) — ширина тени.
- Ну и последним в свойстве указывается цвет тени, в нашем случае это синий.
Вот, впринципе и все. Единственная проблема — совместимость с браузерами.
В Opera 10, Firefox 3.5.3, Chrome 3.0.195 — все ок работает;
в InternetExplorer 8 — не работает.
|
|
|