.btn1 {
box-shadow: 4px 7px 0px -1px #e74c3c;
}
Подскажите,где здесь тот самый недочет?
Рано сдались) Несоответствие в 1px можете поправить и сами.
2 лайка
я понимаю,что в 1px,сейчас попробую дожать)
1 лайк
код 100%
html,
body {
width: 300px;
margin: 0;
padding: 0;
font-size: 18px;
font-family: “Arial”, sans-serif;
background: white;
}
.btn {
width: 150px;
margin:35px auto;
padding: 15px 20px;
text-align: center;
text-transform: uppercase;
color: white;
border-radius: 5px;
background: #bdc3c7;
cursor: pointer;
}
.btn1 {
background-color:#2c3e50;
box-shadow: 3px 6px 0px 0px #e74c3c;
}
.btn2 { background-color:#e74c3c;
box-shadow: 0px 5px 5px 0px #2c3e50;
}
.btn3 { background-color:#2c3e50;
box-shadow: inset 0px 0px 0px 4px #e74c3c;
}
ничего не менял
не пойму, чем вам не нравится
Испытание: тусклые тени
Кнопка 1
Кнопка 2
Кнопка 3
А, нет, извините. Не посмотрела номер задания. Здесь правильно всё.
1 лайк
у меня не работает этот код
всё съехало влево
Добрый день!
Вставьте в готовый шаблон в испытании только правила для кнопок.