Почему моя CSS-анимация не срабатывает при переключении класса с помощью JavaScript? ⇐ Javascript

[Anonymous]

Я пытаюсь анимировать элемент div при нажатии кнопки. Класс добавлен правильно, но анимация не запускается. Вот мой минимальный код:

Код: Выделить всё

function toggleBox() {
document.getElementById("box").classList.toggle("animate");
}

Код: Выделить всё

#box {
width: 100px;
height: 100px;
background: red;
transition: transform 1s ease;
}

.animate {
transform: translateX(200px);
}

Код: Выделить всё

Toggle

Подробнее здесь: https://stackoverflow.com/questions/798 ... javascript