首页 文章

淡化链接悬停不起作用

提问于
浏览 次
0

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

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的 Headers 等）

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

非常感谢！

javascript html css wordpress fade

1 回答

  • 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之间的转换是如此轻微，您可能不会注意到转换正在发生 .

    回复于

相关问题