'Continuous Animation after Animation Cycle Complete in Javascript and ReactJs

What I want to achieve is that animation apply on listItem (li) one by one. and after it's done. (it reached the last item). Then the Animation should start again from the First Item.

Following is my Codepen and What I want to acheive

EDIT : Each SetInterval must execute before executing next one.

https://jti9ky.csb.app/

javascriptcssreactjsanimation


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions