- Теория
- Теория
Испытание: 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%