Jump to content
Search Community

Animation not looping continuously

Filip Carlsson test
Moderator Tag

Go to solution Solved by ZachSaucier,

Recommended Posts

  • Solution

Hey Filip and welcome to the GreenSock forums. 

 

First off, you're using the old syntax. We highly recommend upgrading to the GSAP 3 syntax that's sleeker and lets you use new features such as GSAP's defaults. Upgrading is easy!

 

As for your question, I think you want something like this? I applied a delay on the timeline itself instead of baking it into the timings of the tweens within the timelines:

See the Pen poEVprK?editors=0010 by GreenSock (@GreenSock) on CodePen

  • Like 4
Link to comment
Share on other sites

 

what does: < do?

 

//  '<'. insert at the START of the most recently added animation
tl.to('.fourofour2', { rotateZ: -5 }, '<');

//An alternative could be

tl.to('.fourofour', { scale: 1.1 });
tl.to('.fourofour', { scale: 1 });
tl.to('.fourofour2', { rotateZ: 5 }, 0);
tl.to('.fourofour2', { rotateZ: -5 },1);

 

Happy positioning ...

Mikel

  • Like 2
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...