Показать сообщение отдельно

  #63  
Старый 17.10.2009, 15:07
FeraS
Постоянный
Регистрация: 20.01.2007
Сообщений: 705
Провел на форуме:
5381835

Репутация: 1329


Отправить сообщение для FeraS с помощью ICQ
По умолчанию

Тень для текста с помощью 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 — не работает.
 
Ответить с цитированием