CSS3: Text-shadow

Добавляем тени к буквам текста. Пользователи IE до версии 10 читают текст из плоских букв.В сети лежат способы, как добавить тени к тексту через фильтры, но выглядит это ужасно.

В общем случае text-shadow для нормальных браузеров выглядит так:

div {
    text-shadow:#2382b3 1px 1px 1px;
}


1) Цвет;
2) Сдвиг по оси х;
3) Сдвиг по оси y;
4) Радиус размытия тени.

Воспринимается всеми браузерами (кроме IE) в естественном виде, дополнительных костылей не требуется.

Возможны также множественные тени:

div {
    text-shadow:#2382b3 1px 1px 1px, text-shadow:#f00 3px 3px 2px;
}

upd. Интересные примеры использования свойства здесь: http://gering111.com/12-primerov-text-shadow/

Теги: