slow down the timeline

[dutchy]

Hello,
maybe a simply question, is it possible to slow down the animation. here a snippet of my code:

 

tl.fromTo(
"section.panel.second",
1,
{ yPercent: 100 },
{ yPercent: 0, ease: Linear.easeNone },
"+=1");

thanks:-)

greetings
dutchy

[mvaneijgen]

Hi @dutchy welcome to the forum!

 

You're using the old syntax, but if you remove the "1" from your code and create a duration property next to your ease tween (which also uses the old syntax) you can set duration: 5, now it would take 5 seconds instead of 1 second. If you're new to GSAP check out this awesome getting started guide https://gsap.com/resources/get-started/, this page also uses the new syntax through out, so it's a great reference.

 

If you still need help please fork the Codepen below and try adding your code to there. You can just place it in the JS tab and ad some HTML elements to the HTML then share the link here, so we can see your code in action. Hope it helps and happy tweening! 

 

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen