[X] Помощник

[TimurR Topic Starter]

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.com/css/css3_transitions.asp

[ixman]

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

[Info-Mans]

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

[TimurR Topic Starter]

Не за что :)

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.