我如何設置一個元素的過渡失去焦點

Question

我有一個從黑到暗灰色，像這樣一個簡單的過渡：

.navbar .logo:hover { 
    -o-transition: 1s; 
    -ms-transition: 1s; 
    -moz-tranistion: 1s; 
    -webkit-transition: 1s; 
    transition: 0.2s; 

    color: darkgrey; 

} 

演示：http://jsfiddle.net/yD46F/10/

但是，當我停止徘徊，它立刻變成回黑色，而不是過渡回黑色，我該如何解決這個問題？謝謝！

Answer 1

移動你轉換到一個單獨的CSS規則：

.navbar .logo { 
    -o-transition: 1s; 
    -ms-transition: 1s; 
    -moz-tranistion: 1s; 
    -webkit-transition: 1s; 
    transition: 0.2s; 
} 

的問題還有就是你當前分配過渡到與:hover僞類的元素。所以當鼠標從元素中移出時，它不再具有:hover類=>沒有transition樣式屬性。