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

Реферальная программа Мегаплана

Партнерская программа Kredov

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

#1 TimurR

TimurR
  • Пользователь PRO
  • 831 сообщений
  • Репутация: 180
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

Рекомендую хостинг: www.ihc.ru

Разработка сайтов / Дизайн / Верстка - писать в л.с.



#2 Ixman

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

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

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


  • 0

#3 Info-Mans

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

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

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


  • 0

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



#4 TimurR

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

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

Не за что :)


  • 0

Рекомендую хостинг: www.ihc.ru

Разработка сайтов / Дизайн / Верстка - писать в л.с.




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