Информационный ресурс для пользователей сайтов
созданных на системе управления сайтом TSAdmin

 

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

20 февраля 2017

Советы

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

 

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

 

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

 

 

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

 

style="text-shadow: Хpx Уpx Рpx Ц;"

 

где:

 

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

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

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

Ц - Цвет.

 

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

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

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

 

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

 

style="text-shadow: 1px 1px 2px rgb(233, 6, 9);"

 

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

 

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

 

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

 

 

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

 

style="text-shadow: -2px -2px 4px rgb(30, 82, 255);"

 

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

 

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

 

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

 


1 просмотр этой страницы
На сайте тсадмин.рф мы не собираем и не храним никакую информацию без вашего согласия.
Cookie используются для сбора статистики и информации технического характера и хранятся на вашем устройстве. Скрыть
Наверх страницы