Question

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

 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的标题等）

出于一些奇怪的原因，淡入淡出悬停对于类别链接（例如＆＃34; Conciertos＆＃34;在灰色框中）工作得非常好，但对于其余链接无法正常工作。它做了某种缓慢的悬停。请查看flamencosrosas.com查看我的意思。有人可以帮忙吗？

非常感谢！

Answer 1

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

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

Fiddle here，我已经过渡了1s，所以它们更加引人注目。

另外，你的意思是默认链接是＃333333吗？＃333333和＃000000之间的转换是如此轻微，你可能不会注意到转换的发生。

淡化链接悬停不起作用

1 个答案: