Чтобы изменить цвет элемента при наведении на него курсора мыши в CSS, можно использовать псевдокласс :hover
и свойство color
. Например, мы хотим изменить цвет текста ссылки при наведении на нее:
a {
color: blue;
text-decoration: none;
}
a:hover {
color: red;
}
Здесь мы задаем начальный цвет для ссылки color: blue;
, а также удаляем ее подчеркивание с помощью text-decoration: none;
.
Затем мы используем псевдокласс :hover
, чтобы задать новый цвет для ссылки при наведении на нее. Мы устанавливаем значение color: red;
, чтобы сделать цвет ссылки красным.
Таким образом, при наведении мыши на ссылку ее цвет изменится с плавной анимацией.