Плавная смена цветов CSS?

Question

[misc1]

Есть вот такой код:

.header {
	background: green;
	height: 30px;
}
.header:hover {
	background: red;
	transition: background 0.5s ease;
}

Все работает, но когда отпускаешь курсор с хидера, то цвет резко переходит в изначальный, а не плавно переход ит

Answer 1

[Иван]

Применяйте свойство transition к .header, а не .header:hover