Как я могу использовать переходы 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 на любой цвет, который вы хотите.