Свойство 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

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