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

Следующий код меняет цвет ссылки класса 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 секунды

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (8 оценок, среднее: 5,00 из 5)
Загрузка...
Добавить комментарий

четырнадцать − 11 =

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: