Page 92 - Сила CSS3 Освой новейший стандарт

92 • Глава 2. Облачка с текстом

Добавьте следующую строку в существующее правило .comment-meta:

text-shadow: 1px 1px 0 hsla(0,0%,100%,.7);

Производимый эффект едва заметен, но играет
Для создания более сложных огромную роль. Толстый контур вокруг такого
теней используйте генератор на мелкого текста смотрелся бы странно и, вероят-
странице http://westciv.com/tools/ но, затруднял восприятие. Но наша легкая тек-
shadows. стовая тень лишь немного усиливает контраст,
упрощая чтение текста (рис. 2.24).

Рис. 2.24. Благодаря четкой тени под именем комментатора и датой комментария текст
намного лучше выделяется на узорном фоне

коротко о СвойСтве tExt-Shadow
Свойство text-shadow входит в модуль Text (Текст), который вы найдете по адресу http://
www.w3.org/TR/css3-text. Оно было частью спецификации CSS 2, его удалили из версии 2.1
и снова вернули в версии 3.

В этом свойстве необходимо задать цвет тени и ее смещение относительно текста по го-
ризонтали и по вертикали. Можно также указать радиус размытия. Если этого не сделать,
будет использоваться значение по умолчанию, равное нулю.
К одному блоку текста можно добавить несколько теней, записав параметры каждой
в одном общем свойстве text-shadow через запятую. Тени будут отображаться одна поверх
другой, причем первая из объявленных теней окажется сверху.

Помимо создания простых текстовых теней, свойство text-shadow можно применять для
решения следующих задач:

www.trk.kg