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

Форум по Javascript
Ответить
Anonymous
 Почему моя CSS-анимация не срабатывает при переключении класса с помощью 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);
}



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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»