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

Обновлено: 01 Декабрь, 2018

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

Рейтинг автора
Автор статьи
Юрий
SEO-аналитик, программист (PHP, Ajax, Delphi, MySQL).
Написано статей
152
8 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 58 оценок, среднее: 5,00 из 5 (8 оценок, среднее: 5,00 из 5)
Для того чтобы оценить запись, вы должны быть зарегистрированным пользователем сайта.
Загрузка...
Понравилась статья? Поделиться с друзьями:
Блог Программиста
Комментариев: 2
  1. otigapesuc

    Напишите пожалуйста мне на почту – otigapesuc@mail.ru. Хотелось бы посотрудничать.

    1. Администратор (автор)

      Лучше вы пишите – info@404.su

Добавить комментарий

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

три × пять =