Довольно простой, но я уверен, что делаю что-то не так; следующий код не работает ни в Chrome, ни в Firefox (т. е. он отображается, как и ожидалось, без свойства перехода, при этом элемент сразу же переключается с синего на красный):
.button {
background-color: blue;
transition: background-color, 5s, ease, 0s;
}
.button:hover {
background-color: red;
}
<div class = "button">Hello world</div>
Что мне здесь не хватает?
transition
свойства не должны быть разделены запятыми
.button {
background-color: blue;
transition: background-color 5s ease;
}
.button:hover {
background-color: red;
}
<div class = "button">Hello world</div>
Благодарю вас! Я знал, что это, вероятно, будет что-то простое и очевидное, просто я этого не видел.
В transition: background-color, 5s, ease, 0s;
не должно быть запятых
.button {
background-color: blue;
transition: background-color 5s ease 0s;
}
.button:hover {
background-color: red;
}
<div class = "button"> Hello world </div>
Отвечает ли это на ваш вопрос? Переход цвета фона