Чтобы изменить цвет элемента при наведении на него курсора мыши в CSS, можно использовать псевдокласс :hover и свойство color. Например, мы хотим изменить цвет текста ссылки при наведении на нее:

a {
  color: blue;
  text-decoration: none;
}

a:hover {
  color: red;
}

Здесь мы задаем начальный цвет для ссылки color: blue;, а также удаляем ее подчеркивание с помощью text-decoration: none;.

Затем мы используем псевдокласс :hover, чтобы задать новый цвет для ссылки при наведении на нее. Мы устанавливаем значение color: red;, чтобы сделать цвет ссылки красным.

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