Как сделать плавное изменение цвета CSS

Для плавного изменения цвета в CSS можно использовать свойство transition. Например, чтобы плавно изменить цвет фона элемента при наведении на него курсора мыши, можно написать следующий код:

div {
  background-color: blue;
  transition: background-color 0.5s ease;
}

div:hover {
  background-color: red;
}

В этом примере мы задали начальный цвет фона элемента div — синий, и указали, что при изменении этого свойства должен происходить переход с продолжительностью 0.5 секунды и с эффектом плавности (ease). При наведении на элемент курсора мыши, цвет фона изменится на красный с плавным переходом.

Таким образом, свойство transition позволяет создавать плавные анимации при изменении свойств CSS.