Trying to implement a transition effect on all navigation links on my website, but so far only achieved it for visited links. Additionally, working on adding the transition effect to drop-down menus.
body .main-nav .active-link >a, body .main-nav .active-link >a:visited {
border-top: solid 0px #3b5998;
color: #3b5998;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out }