Задать вопрос
fr_end
@fr_end
Frontend разработчик
javascript

Почему animationiteration срабатывает несколько раз?

Пытаюсь сделать так, чтобы по окончании анимации, блок поменял скорость и расположение по y.
Но почему-то событие animationiteration срабатывает несколько раз, и блок как будто бы начинает движение не с 0%.
jsfiddle.net/3tq99smj/1

Не знаете ли, в чем причина или каковы возможные решения?
  • Вопрос задан
  • 157 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
fr_end
@fr_end Автор вопроса
Frontend разработчик
В итоге сделал без infinite, просто убираю класс с анимацией и добавляю его снова каждый раз, когда срабатывает animationend.
jsfiddle.net/3tq99smj/4
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
twobomb
@twobomb
https://jsfiddle.net/twobomb/3tq99smj/8/
Ответ написан
5 комментариев
5 комментариев
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Устранить проблемы с парсерами и отображением новостей
18 апр. 2024, в 20:08
7000 руб./за проект
Установить Windows и терминалы RDP на Dedicated Server (без лицензии)
18 апр. 2024, в 20:07
2000 руб./за проект
Ещё заказы