Оформление текста, часть 2 / Смещение текстовой тени по горизонтали [3/26]
×

Смещение текстовой тени по горизонтали [3/26]

Рассмотрим подробнее параметры текстовой тени:

text-shadow: 0px 0px 0px #333333;

Первый параметр свойства text-shadow обязателен и задаёт смещение тени по горизонтали относительно текста. Положительное значение этого параметра сдвигает тень вправо, отрицательное — влево.

Смещение задаётся в абсолютных и относительных единицах измерения: px, em, pt и других.

Попробуем поменять значение первого параметра.


Выполнить задание
HTML
<!DOCTYPE html> <html lang="ru"> <head> <title>Смещение текстовой тени по горизонтали</title> <meta charset="utf-8"> <base href="/assets/course79/"> </head> <body> <span>&#9787;</span> <h1>Прилетели, дорога из аэропорта</h1> </body> </html>
CSS
body { font-family: "Arial", sans-serif; color: #eadec8; background: url("road.jpg") no-repeat 50% 0; } h1 { margin-top: 350px; font-size: 50px; font-weight: normal; text-align: center; text-shadow: 0px 0px 0px #333333; } span { position: absolute; top: 260px; left: 110px; font-size: 70px; }
HTML Academy

Сместите исходную тень (которую изначально не видно) заголовка h1

  1. влево на 5px,
  2. а затем вправо на 5px.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.