Перейти к содержимому



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

#1 TimurR

TimurR
  • Пользователь PRO
  • 886 сообщений
  • Репутация: 201
4

Отправлено 08 Март 2015 - 22:41

a {
  font-size: 15px;
  	color: #ccc;
  	-moz-transition:  all 0.3s ease-in-out;
  	o-transition:  all 0.3s ease-in-out;
  	-webkit-transition:  all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

a:hover {
	color:  #fff;
  	-moz-transition:  ease-out 0.5s;
  	o-transition:  ease-out 0.5s;
  	-webkit-transition:  ease-out 0.5s;
  	transition:  ease-out 0.5s;
} 

Пару раз меня спрашивали как это делается. Думаю на этом форуме тоже найдутся кому это может пригодится. Все просто, мы будем использовать свойство transition. При этом, если указать и другие параметры в :hover например, увеличение масштаба или отступы, то они так же будут плавно меняться. В общем экспериментируйте, а информацией для вас послужит эта статья: http://www.w3schools...transitions.asp


 

 

  • 2

Ушел... было весело =) но пора прощаться... 



robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Ссылки адсенса меняют цвет при наведении
  2. Помогите убрать у ссылок подчеркивание и смену цвета
  3. Убрать подсказку, всплывающую при наведении на ссылки категорий WordPress!
  4. Как сделать, чтобы при наведении курсора линии подсвечивались
  5. Как сделать анимирование графической ссылки при наведении курсора?

#2 Ixman

Ixman
  • Пользователь PRO
  • 2 821 сообщений
  • Репутация: 693

Отправлено 08 Март 2015 - 22:49

Спасибо, полезно иногда бывает.


  • 0


#3 Info-Mans

Info-Mans
  • Пользователь
  • 1 232 сообщений
  • Репутация: 124

Отправлено 08 Март 2015 - 23:12

Спасибо, думаю может понадобиться)


  • 0

»»» Начни изменять свою жизнь с внешнего вида «««
        Буду рад вашим комментариям на блоге!



#4 TimurR

TimurR
    Topic Starter
  • Пользователь PRO
  • 886 сообщений
  • Репутация: 201

Отправлено 08 Март 2015 - 23:40

Не за что :)


  • 0

Ушел... было весело =) но пора прощаться... 




Оформление форума – IPBSkins.ru