Как добавить тень тексту с помощью CSS?

Как добавить тень тексту с помощью CSS?

Я вот только недавно узнал, что в CSS, начиная со 2 версии, можно добавить любому тексту тень. Такая тень, в некоторых случаях, выглядит просто шикарно.

Я всегда почему-то думал, что реализация тени в web`е делается только посредством изображений. А тут оказывается есть специальный css-параметр – text-shadow, который можно достаточно гибко настроить.

Этой своей находкой и хотел бы поделиться.

Хотелось бы сразу предупредить, что браузер от Microsoft, Inernet Explorer ни в какой версии не понимает этот параметр, поэтому в этом брузере у Вас просто будет обычный текст без тени. Думаю, не сильно большая проблема. Остальные браузеры понимают этот параметр и с ними проблем вообще не должно быть.

Вот примеры работы этого параметра:

Пример №раз: text-shadow: black 1px 1px 2px, white 0 0 0.7em;

Пример №два: text-shadow: black 1px 1px 2px, red 0 0 0.7em;

Пример №три: text-shadow: red 1px 1px 2px, red 0 0 7px;

Если разобрать эту команду по частям (к примеру, последнюю), то опустив название параметра, оказывается она состоит из 2 частей:

  • red 1px 1px 2px,
  • red 0 0 7px,

где первая часть – это первый, так называемый ареал, тени, а вторая это второй, более широкий. Вроде все закономерно. Синтаксис команды позволяет обойтись только одним слоем тени. Поэтому такое написание будет верным:

text-shadow: red 1px 1px 2px;

В любом случае свойство CSS: text-shadow может придать некоторый объем (как лак волосам) вашему web-сайту и сделать его дизайн более современным.

P.S. Кстати, стоит осторожнее относится к частоте использования этого свойства. Из-за него могут возникнуть небольшие тормоза в работе браузера. Проблемы были замечены в браузере Opera, в котором, как оказывается, помимо частого использования этого свойства, возникают проблемы если тень имеет радиус более 100px. После этого браузер начинает ощутимо медленнее отрисовывать тень, затормаживая загрузку сайта. Короче, просто не стоит весь текст web-страницы загонять в тень. Будет красиво, но медленно.

P.S.S. Всегда хотел изучить английский язык. Уже несколько раз набирался силы воли и штудировал учебник Драгункина. Хватало меня максимум на 2 месяца. Вот, думаю, выкроить немного времени и пойти на курсы английского языка. Годы идут, а я только на русском языке и умею разговаривать. Правда, если по честному, то английский мне нужен в большей мере для написания красивых англоязычных текстов, а не для общения. Но одно другому бы не помешало.

Комментарии:

Имя
e-mail
Сайт
Текст комментария: