CSS - Hover Olunca transition ekleme hakkında

Merhabalar,
Arkadaşlar şimdi menünün üzerine gelince yani hover olunca transition:.3s lineer; dedim. Üzerine gelince efekti uyguluyor. Fakat ben üzerinden mouse gidince de efectli şekilde değişmesini istiyorum. Bunu nasıl yapabilirim.
site:www.acilhastakaryolasi.com yukarıdaki menü.
Teşekkürler.



Bu arada dün ki kurduğum opencart siteyi düzenliyorum şuan. Görüşlerinizi de paylaşırsanız sevinirim. Siteye neler eklenebilir. Nasıl güzelleştirilebilir ?

Hocam mobile site çok kötü görünüyor

https://www.w3schools.com/css/css3_transitions.asp yardımcı olabilir

Aynı değeri hover olmayan halinede girmeniz gerekir.

  .ornek {
transition:.3s lineer;
 
}
  .ornek:hover {
transition:.3s lineer;
}

Mobilde footer kısmı gerçekten çok kötü yeni farkettim. Mobil uyumlu olmadığından öyle olmuş hocam. Teşekkürler.

.navbar-nav>li buraya transition yazarsanız olur. transitionu var olan nesneye eklersiniz hover da ise yapmak istediğiniz değişikliği yazarsınız. bu sayede hover başlangıcında ve bitişinde istediğiniz olur.

Hocam şimdi menünün üzerine gelince efectli şekilde siyah oluyor ya hani. Aynı şekilde üzerinden mouse gidince de o şekilde maviye geri dönmesini istiyorum. Ama yapamıyorum. Üzerine gelince siyah oluyor güzelce mouse u çekince pat diye mavi oluyor. Yavaşça olmuyor. Yapamadım valla. Dediğin li'ye yazıyorum. transition:.3s ease-in-out.

http://prntscr.com/iwnpv9
şeklinde yapınca olması lazım

transition: all .2s ease-in-out;