Плавное затухание анимации CSS

269

13 сентября 2018, 23:10

Всем привет. Есть эффект изменения цвета текста при наведении

a{ 
  color: #000; 
} 
a:hover{ 
  transition: 2s; 
  color: yellow; 
}

<a>Lorem</a>

Как сделать, чтобы когда убираешь курсор анимация исчезала тоже плавно, а не резко? Заранее спасибо

Answer 1

Перенесите transition в общие стили ссылки

a{ 
  color: #000; 
  transition: 2s; 
 
} 
a:hover{ 
  color: yellow; 
}

<a>Lorem</a>

ТОП-10

Как сделать так, чтобы при определённом условии анимация у блока откатывалась на определённый процент

177

Есть "система" обновления списка онлайн пользователей (через ajax)

182

Есть картинка и ее нужно отправить по мылу на gmail, есть предложение?

194

С помощью EntityFramework DataBaseFirst создались классы :

228