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

Вам необходимо установить начальный левый флажок (и теперь Chrome).

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

Вам будет лучше всегда устанавливать значение по умолчанию для любого перехода. Таким образом, вы можете иметь полный контроль.