- Теория
- Теория
Испытание: психоделическая тень
Вот и подошло к концу мексиканское путешествие смайлика.
Он летит домой и видит во сне надпись со странным психоделическим эффектом...
Как обычно, все смещения кратны 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%