I'm having trouble with fading-out transitions
While continuing to work on my other problem, I've run into a different issue...
I'm trying to create a fade-in fade-out affect that is identical to the navigation menu in this link...
On my website I have tried both this code...
li a:hover, .dropdown:hover .dropbtn {
color: #282828;
background-color: #ffffff;
transition: color 0.7s ease-in-out;
}
and this following code...
li a:hover, .dropdown:hover .dropbtn {
color: #282828;
background-color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
The second one is the exact code from the website example.
For some reason it will fade in (not as smoothly and a little bit too quick) and it won't fade out at all. I unsure as to why this is, though.
Here is my website...
AdChoices