Firefox的過渡不工作

Question

這是我的CSS設置：

#element1, #element2{ 
    -webkit-transition: left 0.3s; 
    -moz-transition: left 0.3s; 
    -o-transition: left 0.3s; 
    transition: left 0.3s; 
} 

body.open #element1, body.open #element2 { 
    left: 245px; 
} 

的問題是過渡只是不工作在Firefox，它在所有其他瀏覽器的罰款。

Answer 1

您需要爲Firefox設置一個起始左側（現在是Chrome）。

#element1, #element2{ 
    left: 0px; 
    -webkit-transition: left 0.3s; 
    -moz-transition: left 0.3s; 
    -o-transition: left 0.3s; 
    transition: left 0.3s; 
} 

你總是爲任何轉換設置一個默認值會更好。這樣你可以完全控制。