@Genri_Rus

Как поочерёдно анимировать элементы?

Вот код: https://codepen.io/Genri_Rus/pen/zVgMEP

Мне нужна поочерёдно выезжающая анимация элементов, в данном примере она работает некорректно.

Собственно вопрос, как задать выезжающую анимацию (по типу this) поочередно для каждого элемента?

modal.html(out);
setTimeout(function() {
  $('.item').addClass('item-show'); // пытался добавить анимацию с помощью класса
}, 80);
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
Вместо общего setTimeout назначайте каждому элементу отдельный, с временем задержки, которое будет зависеть от индекса элемента:

$('.item').each((i, n) => setTimeout(() => $(n).addClass('item-show'), i * 100));
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы