Text-shadow в сss3

Text-Shadow. Какую функцию выполняет данный селектор? А он может, добавить к тексту тень, а также настроить её положение относительно текста или же размытие. Так же тень может быть разных цветов. 

Данный селектор поддерживается в следующих браузерах: Google Chrome, Safari, Firefox и Opera.
Не отображается в Internet Explorer’е.

Тег селектора следующий:

Code
text-shadow:
цвет (black) или отсутствует (none);
параметр тени (сдвиг по осям x/y, цвет, область (радиус) размытия)


Сейчас рассмотрим каждый синтаксис в данном выше коде:

Цвет - необязательный параметр, устанавливает цвет тени;
Сдвиг по x/y– обязательный параметр, имеет два значения – положительный и отрицательный. Положительный сдвигает тень вправо, отрицательный – влево;
Область размытия – радиус тени. По умолчанию значение равно 0.
Пара примечаний по синтаксису: параметры указываются через запятую, в 3 версии CSS наверху размещается первая тень в списке, а снизу – последняя тень. Во 2 версии все наоборот. Так что будьте внимательны!

Code
text-shadow: green 2px 2px 3px, black 0 0 1em; Настройки цвета тени */
color: gray; /* Серый цвет текста*/
font-size: 4em /* Размер шрифта текста */


На этом всё, надеюсь всё было понятно.

  • FalleN

  • 983

  • 1

  • 0
Теги: СSS3, TEXT-SHADOW

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!