Текстовые CSS3-эффекты

Синтаксис

Свойство text-shadow может создавать одну или несколько теней для текста. Список свойств записывается через запятую, каждое свойство содержит 2 или 3 значения, и дополнительное – цвет. Пропущенные значения равны 0.

• Горизонтальные и вертикальные тени могут иметь значения с + или -. Они также могут иметь значение 0.
• Размытие радиуса представляет собой эффекта размытия, если значение равно нулю либо не было указано, то тень не будет размыта.
• Цвет – это цвет тени. Если он не представлен, то цвет тени будет использовать цвет текста.

text-shadow: horizontal-shadow vertical-shadow blur color;

Эффект подсветки

.glow {
    color:#fff;
    text-shadow:0px 0px 20px #00c6ff;
}

Эффект врезки

.inset {
    color:#202020;
    text-shadow: 0px 2px 3px #777;
}

Эффект вдавливания

.stroke {
    color:#202020;
    text-shadow: 1px 1px 0px #999, -1px -1px 0px #999;
}

3D эффект

.3deffects {
    color:#202020;
    text-shadow: 1px 1px 0px #999,
    2px 2px 0px #999,
    3px 3px 0px #999,
    4px 4px 0px #999,
    5px 5px 0px #999;
}