• Теория
  • Теория

Испытание: why so serious?

Теперь вы знаете достаточно, чтобы проверить себя в нелёгком, но увлекательном оформительском деле!

В этом испытании вам предстоит хорошенько поработать с текстовыми тенями.

Подсказка: значения всех задаваемых свойств кратны 5, а используемые цвета закомментированы в CSS-коде.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

body {
  position: relative;
  width: 570px;
  margin: 0;
  color: #111111;
  font-family: "Arial", sans-serif;
}

p {
  margin: 0;
  padding-top: 230px;
  color: rgba(0, 168, 255, 0.5);
  text-align: center;
  text-transform: uppercase;
  text-shadow: 5px 5px 0 rgba(255, 0, 180, 0.5);
  word-spacing: 5px;
  letter-spacing: -5px;
  font-weight: bold;
  font-size: 65px;
}

span {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -0.5em;
  color: #000000;
  text-shadow:
    -70px 80px 0 #f4c300,
    70px 80px 0 #009f3d,
    -140px 0 0 #0085c7,
    140px 0 0 #df0024;
  font-size: 200px;
  line-height: 1em;
}
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Оформление текста. Погружение» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.