Разработка сайтов, создание сайтов
главная / CSS / Делаем тень к тексту на CSS

Делаем тень к тексту на CSS

Итак, делаем текст с тенью, используя CSS:

Уровень 3 CSS обладает свойством 'text-shadow' для добавления тени на каждую букву любого текста.

1. Простейшая форма:
h3 {text-shadow: 0.1em 0.1em #333}
Делаем тень к тексту на CSS
2. Смазанные тени текста:
h3.b {text-shadow: 0.1em 0.1em 0.2em black}
Делаем тень к тексту на CSS
3. Читаемый белый текст:
h3.a {color: white; text-shadow: black 0.1em 0.1em 0.2em}
Делаем тень к тексту на CSS
4. Многослойные тени:
h3 {text-shadow: 0.2em 0.5em 0.1em #600,
-0.3em 0.1em 0.1em #060,
0.4em -0.3em 0.1em #006}
Делаем тень к тексту на CSS
5. Рисование букв и контуров:
h3 {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black}
Делаем тень к тексту на CSS
6. Неоновое свечение:
h3.a {text-shadow: 0 0 0.2em #8F7}
h3.b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
h3.c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F}
Делаем тень к тексту на CSS


Источник: loco.ru
текущее:

НОВОСТИ

2011 г., «VisMech.ru»