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

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

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

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

Изменим значение второго параметра.


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

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

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

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

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

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

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