Как присвоить каждому элементу списка различную задержку анимации?
 

Здравствуйте.
Подскажите пожалуйста. На странице несколько списков ul с одинаковыми классами. В каждом таком списке различное количество элементов li. Хочу при помощи js автоматически добавлять каждому элементу списка различную задержку анимации (animation-delay), чтобы при загрузке эти элементы анимированно появлялись не все вместе, а один за другим, по очереди.

imhateb,

[].forEach.call( document.querySelectorAll('li'), function(el,i) {
        el.style.animationDelay = (i * 100)+ "ms";
 });

Спасибо огромное, золотой Вы человек. Добра и всех благ Вам!!!