Jump to content
Search Community

GSAP Looped Animations

Nine test
Moderator Tag

Recommended Posts

Hey there people of the amazing animation world, I have a question about looping over children elements giving them a short animation and then ending it to continue to the next element and after all of them are done start over,  I wanna do something similar this site has for their preloader, only that I inserted svg bars :D https://homunculus.jp/ since the last forum post I posted helped me a lot to understand some concepts, I wanna continue learning more from more experienced people.

See the Pen zYqbvBX by whitelionx (@whitelionx) on CodePen

Link to comment
Share on other sites

@akapowl Thank you for the staggering tipp, what I wanna ask also is I want each element to do the animation end it, continue to the next element do the same and so on, and when it reaches the last element, repeat the sequence, something similar like the preload on the site I posted, sorry if I am asking too many newb questions 😅 I really wanna understand this library better

Link to comment
Share on other sites

 

You're thinking of it just right, when saying it's a sequence within a sequence.

 

I think for that, you'd have to work with the concept of sub-timelines.

 

For each element create a timeline of its own and add that timeline with a specific delay/offset for each box to a larger timeline, that you can repeat inifinitely.

 

See the Pen f09907069611773937586a959f225fad by akapowl (@akapowl) on CodePen

  • Like 4
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...