Добавление CSS-анимации с задержкой в каждый элемент списка [дубликаты]
На этот вопрос уже есть ответ:
Как заставить каждый тег <li> появляться медленно один за другим 1 ответЯ пытаюсь написать jquery, который будет проходить через указанный неупорядоченный элемент list / dom и назначать класс CSS (анимации) каждому элементу списка / потомку. Я также хочу сделать регулируемое время задержки между .addClass.
Все, что я пробовал, с треском провалилось.
Например
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
Becomes:
<ul>
<li class="animation">Item 1</li>
(50ms delay)
<li class="animation">Item 2</li>
(50ms delay)
<li class="animation">Item 3</li>
(50ms delay)
<li class="animation">Item 4</li>
(50ms delay)
</ul>
Есть предположения