I recently implemented a fade link hover effect using the code snippet below:
a:link {color:#333333; text-decoration: none;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
a:visited {color:#FF0033; text-decoration: none;}
a:hover {color:#000000; text-decoration: none;}
a:active {color:#FF0033; text-decoration: none;}
a:focus {outline-style: none;}
On my Wordpress website, I have different colored links for various sections such as the menu, category links, and titles.
Interestingly, the fade hover effect is working perfectly fine for category links, like "Conciertos" in the grey box, but it seems to be malfunctioning for other links. It appears to do some kind of slow hover instead of the desired fade effect. You can see this behavior on flamencosrosas.com. Can anyone provide assistance?
Thank you!