Плавно меняем цвет ссылки при наведении курсора в CSS

Обновлено: 23 декабря, 2021

Следующий код меняет цвет ссылки класса style1 при наведении на нее курсора мыши (с задержкой 2 сек):

<style>
a { 
   olor: grey; /* обычная ссылка */c
}
a.style1 { 
  -webkit-transition-duration: 2s; 
  -o-transition-duration: 2s; 
  -moz-transition-duration:2s; 
  transition-duration: 2s; 
}
a.style1:hover { 
  color: red; /* цвет при наведении */
}
</style>

<a href="/" class="style1">Пример ссылки</a>

Пример:

Наведите курсор на эту ссылку – и цвет поменяется через 2 секунды

(8 оценок, среднее: 5,00 из 5)
Для того чтобы оценить запись, вы должны быть зарегистрированным пользователем сайта.

Загрузка...