Тени для заголовков средствами CSS

shadowtext.gif
Вот такую любопытную фишку обнаружил на днях у Tyssendesign. А именно: заголовки статей там красиво обрамлены легкой тенью. Думал вначале, что это что-то из модной нынче автозамены шрифта каким-нибудь флэшем, но оказалось все намного проще и приятнее. В спецификации CSS уже давно есть любопытное свойство text-shadow, которое позволяет задать тексту симпатичную тень, выбрав необходимый цвет и смещение. Выглядит запись очень просто.

Например, зададим тени заголовкам поста в блоге:

#content h2 {
text-shadow: 2px 2px 1px #C3DBE5;
}

Первые два значения задают, соответственно, смещение по горизонтали и по вертикали. Третье — размытие. Ну а цвет, он и в Африке цвет.

Работает такая фишка практически во всех современных браузерах кроме IE. Ну… да и шут с ним.

Подробнее про данный эффект можно почитать у dimox-а

14.08.2009

Автор: Игорь Квентор
www.websovet.com

Если статья оказалась для вас полезной, пожалуйста, поставьте свою оценку и поделитесь в соцсетях:

1 Star2 Stars3 Stars4 Stars5 Stars (Вы еще не оценили)
Загрузка...

Похожие записи:

Подпишитесь на рассылку блога Вебсовет, чтобы первыми получать самые интересные материалы:

Оставить комментарий: