淡入淡出链接悬停不起作用

Fade link hover not working

本文关键字：不起作用 悬停 链接 淡出 淡入      更新时间：2023-09-26

我使用以下内容创建了一个淡入淡出链接悬停：

 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;}

我使用Wordpress，我的网站对不同的链接有不同的颜色（例如，颜色A的菜单，颜色B的类别链接，颜色C的标题等）。

出于某种奇怪的原因，淡入淡出悬停对于类别链接（例如灰色框中的"Conciertos"）工作正常，但对于其余链接无法正常工作。它确实会进行某种缓慢的悬停。请检查 flamencosrosas.com 以了解我的意思。请问谁能帮忙？

非常感谢！

您应该指定要转换的内容，以便：

 a {color:#FF0033; text-decoration: none;
-o-transition: color .5s; 
-ms-transition: color .5s;
-moz-transition: color .5s;
-webkit-transition: color .5s;
 transition: color s;} 
a:visited {color:#FF0033; }
a:hover {color:#000000; }
a:active {color:#FF0033; }
a:focus {outline-style: none;}

在这里小提琴，我已经进行了过渡 1s，因此它们更明显。

另外，您的意思是默认情况下链接为 #333333？ #333333 和 #000000 之间的过渡非常轻微，您可能只是没有注意到正在发生的过渡。

相关文章：