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

Дата: 14.08.2009 | Автор: Игорь Квентор | Рубрика: Верстка |

Тэги: ,

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

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

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

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

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

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

rss Подпишитесь на RSS

Или получайте новости на ваш e-mail:

Комментарии (3) на запись “Тени для заголовков средствами CSS”

  1. Сергей 18.08.2009 16:45

    Спасибо. Просто супер! Пример - schors.ru.gg надпись Щорс - город на Снови. Уменьшил смещение и тень в цвет текста. Класс!

  2. Алексей 23.08.2009 20:57

    Жаль только ни один из ослов не понимает text-shadow. Лично у меня это свойство не работало даже в 8ом осле.

  3. Александр 05.09.2009 14:09

    Век живи - век учись. CSS творит чудеса, может в недалеком будущем и HTML будет не нужен?

Трэкбеки

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