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

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

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

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

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

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

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

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

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

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