Задать вопрос
bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман

Как заставить работать animation-delay последовательно?

Добрый день, коллеги.

У меня вопрос по установке воспроизведения анимации у блоков
САБЖ:
Есть несколько дивов, у которых должна ПОСЛЕДОВАТЕЛЬНО, с задержкой работать анимация. Анимация идет бесконечным циклом.
Т.е. сначала должна отыграть анимашка в первом блоке, потом во-втором, потом, в третьем, потом все по кругу. С задержкой в пару сек.
https://codepen.io/emelyanova/pen/PRqrwR

ПРОБЛЕМА:
Задержка отрабатывает только при первом проигрывании.

Что я делаю не так?

Заранее БЛАГОДАРЮ за помощь!
  • Вопрос задан
  • 79 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
bugo_aneo
@bugo_aneo Автор вопроса
Верстальщик по жизни, буддист, кофеман
В общем, дорогие коллеги, вся соль в пропорции длительности анимации, задержкой и временной функции. Поиграть тут
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы