Jak płynnie zmienić kolor linku po odjechaniu od niego myszką?

Otóż linki w headerze mają płynny background po najechaniu myszką, problem jest taki, że nie wiem, jak zrobić, żeby background płynnie się usuwał po odjechaniu na niego myszką.

http://webkod.pl/kurs-css/lekcje/dzial-1...ition-css3

Zastosowałem taką metodę

transition-duration: 3s;

Jednak wciąż to samo, czy coś jeszcze trzeba zrobić? Z wyżej podlinkowanego poradnika dowiedziałem się o różnych efektach przejścia, stosowałem to u siebie, jednak to działa tylko przy najechaniu, nie przy odjechaniu myszką na link.

Sprawdź to http://forum.webhelp.pl/css/jak-zrobic-h...43162.html.

Nic, zmieniłem na ten kod:

-moz-transition:0.5s;
  -webkit-transition:0.5s;
  transition:0.5s;

Nic, zmieniłem na ten kod:

-moz-transition:0.5s;
  -webkit-transition:0.5s;
  transition:0.5s;

To są tylko prefixy dla starszych wersji przeglądarek.
Tutaj chodzi o to, że transition nie może być bezpośrednio do :hover, a tego co jest przed nim (jako inny selektor).

Dzięki za uwagę z tym "starożytnym" kodem.
Jednak nie rozumiem drugiego zdania, które napisałeś

https://jsfiddle.net/hoygL81u/

Po kodzie załapiesz.