Search the Community
Showing results for tags 'nested time line'.
Hi Firstly I just wanted to say I have found GSAP extremely easy to pick up as a complete noob and with limited JS knowledge. Down to business... I have an animation (see codepen attached) with multiple time lines, this is a relatively simple stepped animation where user clicks on step 1 and it plays step 1 etc etc. There are 3 types of animation which I have called, spin, pulse and laser which I have reused throughout the timelines on various different elements which I have selected via class name. All animations seem to be able to be reused except the spin animation that I have included on step 5 in a nested timeline. If you first click on Step one and run the spin animations and then click Step 5 it plays the spin (rotation:360) elements fine on the items that haven't been animated yet but the items that were previously animated in step 1 will not rotate. I'm sure this is something simple and apologies for posting what is probably a really dumb question, I think I might need to reset the first animation.