Текст с тенью CSS

При создании сайта, рано или поздно, возникает вопрос не только об его информативной уникальности, но и об своеобразном стиле текста. В этом случае может понадобиться не только подбор шрифта, но его украшение.Одним из методов создания уникального украшения служит лёгкая падающая тень от текста. В этом нам поможет CSS. Благодаря свойствам CSS тень можно сделать практически любой. Итак, сначала кратко опишем основной принцип. Для этого, для наглядности, смотрим на картинку с описанием.

text-shadow

Из описания видно, что мы можем изменять не только горизонтальное и вертикальное смещение, но также радиус и цвет самой тени. Это даёт неограниченые возможности в работе с тенью. Всё ограничивается только вашей фантазией.
Приведу для наглядности несколько примеров на ЖИРНОМ ЧЁРНОМ тексте:

Текст с тенью CSS

<style="text-shadow:2px 2px 3px #111">

Текст с тенью CSS

<style="text-shadow:2px 2px 0px #111">

Текст с тенью CSS

<style="text-shadow:2px 5px 3px #000">

Текст с тенью CSS

<style="text-shadow:-2px -5px 3px #000">

Текст с тенью CSS

<style="margin: 0px auto; font-size: 16px; color: #000; text-shadow:0 0 8px #fefcc9, 5px -5px 5px #feec85, -5px -5px 5px #ffae34, 6px -6px 7px #ff0000, -6px -6px 7px #ff0000, 0 -10px 10px #973716, 10px -10px 10px #451b0e;">

Используя дополнительно свойства цвета текста и тени можно добиться потрясающих результатов.

RGBa

Желаю удачи !