Создание тени для текста с помощю Css свойсва text-shadow

27-02-2010

В этом уроке речь пойдет о таком свойстве Css как text-shadow оно позволяет создавать тень для текста. Используя это свойство css можно добавить эффект размытия для нашего текста.

text shadow

Cинтаксис:

#text{
 text-shadow: 2px 3px 2px #CCC;
}

Итак text-shadow имеет 4 велечины (3 для позиции тени и 1 для цвета):

  1. 1. Цвет тени (#CCC)
  2. 2. Координата Х (2px), относительно текста
  3. 3. Координата Y (3px), относительно текста
  4. 4. Радиус размытия тени (2px), не обязателен

text-shadow рабоет не во всех браузерах вот список браузеров в которых он
отображается:

  • Firefox 3 и выше
  • Opera 9.5 и выше
  • Safari 1.3 и выше
  • Chrome все версии

В IE она конечно же не работает даже в IE 8 все хором поблагодарили Microsof ))
А вот и пример работы text-shadow он будет работать только на тех браузерах которые перечисленны выше,
жмем на кнопку:
demo
Исхдный код демо фала:

<h1 id="first">Разноцветная тень</h1>

<h1 id="second">Простая тень</h1>

<a id="third" href="#">Тень при наведении</a>
lenusca3.10.2010 07:03
Спасибо за представленную информацию.
Alex3.16.2010 01:03
Здраствуйте. Хочу купить рекламу в Вашем блоге - prootime.ru
oldvovk9.12.2010 09:09
Есть ли какой "костыль" для IE ? Хотелось бы чтобы блог имел единый вид.
    admin9.13.2010 01:09
    ты про тени в ie? мм дааа))) ну эт токо картинками или можт javascript код какой есть не встречал
oldvovk9.13.2010 05:09
Жаль, у Dimoxa тоже нормального решения. Видимо придется смириться с косостью в IE
jfd98ayhcim11.16.2012 03:11
Websites you should visit... Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose...
ОСТАВИТЬ КОММЕНТАРИЙ