如何在悬停时使用CSS3过渡淡入淡出？

Question

我设置了它：http://jsfiddle.net/yWHfK/

然而，我不能让它在悬停时消失。我出错的任何想法？

Answer 1

您已将过渡元素列为颜色（将转换文本颜色），您的意思是将其设为背景色吗？

即

a { -moz-transition:background-color .2s ease-in;-o-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;background-color:#31c3e7;text-decoration:none }
#post-list { color:#fff;text-align:center }
#post-list li { border-bottom:1px solid #4d4949 }
#post-list li a { color:#fff;display:block;font-size:16px;padding:20px 0 }
#post-list li a:hover, #post-list li.current a { background-color:#3c3636 }
#post-list li a:active {  }
#post-list li a span { font-size:12px }

这适用于Chrome。

Answer 2

你应该这样做：

.class li a:hover{
    color: #fff;
}

您可以将#fff更改为您想要的任何颜色。