Добавить тень на текст

20 февраля 2017

Советы

Рассмотрим как добавить тень на текст в текстовом редакторе.

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

Открываем систему управления сайтом и находим нужную страницу для редактирования. В текстовом редакторе переключаем на html код кликнув на кнопку "Источник". 

К тексту, на котором должен быть текст, дописываем следующий код:

где:

Х - Смещение тени по горизонтали;

У - Смещение тени по вертикали;

Р - Разброс тени;

Ц - Цвет.

Смещение и разброс задаются числовыми параметрами, 1, 2, 3 и т.д. Положительные параметры (Например: 3) дают сдвиг тени вправо относительно текста, отрицательные параметры (Например: -3) сдвигают тень влево.

Цвет тени (необязательный параметр) задается в любом доступном CSS формате. Если цвет не задан, берется по умолчанию цвет текста.

Разброс тени - задается радиус разброса. Чем он больше, тем более размытая и прозрачная тень. Если параметр не задан, учитывается по умолчанию значение 0 - четкая непрозрачная тень.

Например красная тень с небольшим сдвигом вправо и разбросом в 2 пикселя:

Результат того что получилось:

Какой то интересный текст с красной тенью

Как это выглядит в коде:

Например синяя тень с двойным сдвигом влево и разбросом в 4 пикселя:

Результат того что получилось:

Какой то интересный текст с синей тенью

Как это выглядит в коде: