Gumbo

onRepeat start 1.5 seconds into timeline

  • 4 posts in this topic

4 posts in this topic

Hi,

 

I wanted to loop this creative 3 times but on repeat, start the animation 1.5 in, effectively leaving the picture always visible. Is there a quick way to do this?

 

Thanks

Share this post


Link to post
Share on other sites

Hi Gumbo,

 

Start with a tween for the #blackPanel which runs only once at the beginning:

 

 

Kind regards

Mikel

  • 1 person likes this

Share this post


Link to post
Share on other sites

That's great. I thought there would be a way to do it with a callback function, but I suppose that would be the simpliest way to do it.

 

Thank very much,

Gumbo

  • 1 person likes this

Share this post


Link to post
Share on other sites

Yes, you could use an onRepeat callback like so:

var tl1 = new TimelineMax({ repeat: 3, onRepeat:repeat });
tl1.to("#blackPanel", 1, { top: 140, ease: Power2.easeInOut });
tl1.to("#logo", 1, {left: 0,top: 0,width: 300,height: 250,opacity: 1, ease: Power2.easeInOut});
tl1.to("#copy1", 1, { left: 0, ease: Power2.easeInOut });
tl1.to("#logo", 1, {opacity: 0 }, "out");
tl1.to("#copy1", 1, { opacity: 0 }, "out");
tl.timeScale(4)

function repeat(){
  tl1.play(1)
}

 

I simplified the demo so that it is easier to understand

 

 

  • 3 people like this

Share this post


Link to post
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.