Тени для заголовков на сайте средствами CSS
Вот такую любопытную фишку я обнаружил как-то на одном из буржуйских сайтов. А именно: заголовки статей там красиво обрамлены легкой тенью. Думал вначале, что это что-то из модной нынче автозамены шрифта каким-нибудь флэшем, но оказалось все намного проще и приятнее.
В спецификации CSS уже давно есть любопытное свойство text-shadow, которое позволяет задать тексту симпатичную тень, выбрав необходимый цвет и смещение. Выглядит запись очень просто.
Например, зададим тени заголовкам поста в блоге:
#content h2 {
text-shadow: 2px 2px 1px #C3DBE5;
}
Первые два значения задают, соответственно, смещение по горизонтали и по вертикали. Третье — размытие. Ну а цвет, он и в Африке цвет.
Работает такая фишка практически во всех современных браузерах кроме IE. Ну… да и шут с ним.
Подробнее про данный эффект можно почитать у dimox-а