Свойство text-shadow

Описание

Добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия. Свойство text-shadow может работать совместно с псевдоэлементами :first-letter и :first-line.

Синтаксис

text-shadow: none | тень;
Значение Описание
none Отменяет добавление тени.
цвет Цвет тени в любом доступном CSS формате. По умолчанию цвет тени совпадает с цветом текста.
сдвиг по x Смещение тени по горизонтали относительно текста. Положительное значение этого параметра задает сдвиг тени вправо, отрицательное — влево.
сдвиг по y Смещение тени по вертикали относительно текста. Также допустимо использовать отрицательное значение, которое поднимает тень выше текста.
радиус Задаёт радиус размытия тени. Чем больше это значение, тем сильнее тень сглаживается, становится шире и светлее. Если этот параметр не задан, по умолчанию устанавливается равным 0. Учтите, что алгоритм сглаживания в браузерах обычно разный, поэтому вид тени может несколько различаться в зависимости от заданных параметров сглаживания.

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 .test {
 text-shadow: 1px 1px 2px black, 0 0 1em rgb(0, 234, 255);
 color: black;
 }
 </style>
 <div class='test'><h2>W E B I K</h2></div>
</body>
</html>

W E B I K

Читайте также

Свойство flex-wrap

Указывает, следует ли флексам располагаться в одну строку или можно занять несколько строк.<br...

Свойство background-clip

Определяет, как фоновая картинка или цвет фона должен выводиться под границами. Эффект заметен пр...

Функция repeating-radial-gradient()

По своему действию похож на радиальный градиент, который делается функцией <span class=&#...

Правило @charset

Команда @charset применяется для задания кодировки внешнего CSS-файла. Это имеет значение в том с...

Стиль для переключателей в неопределённом состоянии

Применяется к полям формы, содержимое которых не соответствует указанному типу. Например, для typ...