CSS3过渡时间问题

Question

我正在研究一个小的PHP脚本，当我使用转换css3 proprety时我有一个问题。当我使用转换我不知道为什么它工作正常当用户悬停按钮，它需要1秒来改变背景但是当用户将鼠标移出按钮，它不需要1秒即可立即更改。 DEMO

.b{
    width:100%;
}
.b:hover{
    background:#fff;
    transition: 1s;
}
<button class="b">HOVER ME</button>

Answer 1

将转换置于基本状态，它将双向工作。

编辑：某些浏览器需要基值来转换。另外，我不会定义转换而不定义我正在转换的内容。

另外，我倾向于不转换快捷方式属性。理想情况下，这应该只是过渡背景色。

.b{
    width:100%;
    transition:background-color 1s;
}
.b:hover{
    background-color:#fff;

}

JSfiddle Demo - 修订