如何使用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任何你想要的颜色。