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

Испытание: психоделическая тень

Вот и подошло к концу мексиканское путешествие смайлика.

Он летит домой и видит во сне надпись со странным психоделическим эффектом...

Как обычно, все смещения кратны 5.

Решение

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

body {
  margin: 0;
  width: 570px;
  background-color: #111111;
  color: #ffffff;
  font-weight: bold;
  font-size: 200px;
  font-family: "Arial", sans-serif;
}

p {
  margin: 0;
  padding-top: 60px;
  text-align: center;
}

span {
  margin-left: 60px;
}

span:first-child {
  margin-left: 0;
  text-shadow:
    5px  -5px  0 #7fdbff,
    10px -10px 0 #39cccc,
    15px -15px 0 #3d9970,
    20px -20px 0 #2ecc40,
    25px -25px 0 #01ff70,
    30px -30px 0 #ffdc00,
    35px -35px 0 #ff851b,
    40px -40px 0 #ff4136,
    45px -45px 0 #f012be,
    50px -50px 0 #b10dc9;
}

span:nth-child(2) {
  text-shadow:
    0 -5px  0 #7fdbff,
    0 -10px 0 #39cccc,
    0 -15px 0 #3d9970,
    0 -20px 0 #2ecc40,
    0 -25px 0 #01ff70,
    0 -30px 0 #ffdc00,
    0 -35px 0 #ff851b,
    0 -40px 0 #ff4136,
    0 -45px 0 #f012be,
    0 -50px 0 #b10dc9;
}

span:last-child {
  text-shadow:
    -5px  -5px  0 #7fdbff,
    -10px -10px 0 #39cccc,
    -15px -15px 0 #3d9970,
    -20px -20px 0 #2ecc40,
    -25px -25px 0 #01ff70,
    -30px -30px 0 #ffdc00,
    -35px -35px 0 #ff851b,
    -40px -40px 0 #ff4136,
    -45px -45px 0 #f012be,
    -50px -50px 0 #b10dc9;
}

Хотите применять TypeScript и React для разработки сложных клиентских приложений? Записывайтесь на профессиональный курс «React. Разработка сложных клиентских приложений». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

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

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

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

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

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