div {
width: 100px;
height: 30px;
background: linear-gradient(90deg, red, green);
transition: background 1s;
}
div:hover {
background: red;
transition: background 1s;
}
<div></div>
Как реализовать плавную заливку градиента в 1 цвет (красный) при наведении?