Jump to content
GreenSock

fun

timeline run at same time

Moderator Tag
Go to solution Solved by mvaneijgen,

Recommended Posts

hello, I'm trying to make slide of image and text, I want the text 1 and image 1 display and disappear at same time and Immediately the next image and next text appear

the problem in this demo:

1- the text show then the image (not at the same time)

2- I feel like I see the body more than I should I want next slide to appear Immediately 

See the Pen BaGaOrM by noX10M (@noX10M) on CodePen

Link to comment
Share on other sites

Hey there!

 

Check out the position parameter, that's the key to sequencing animations precisely
 

 

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

Thank you @Cassie now they appear and disappear at same time as I want but there is a problem  they disappear fast I want each slide to stay like 5 seconds before next slide appear

See the Pen BaGaOrM by noX10M (@noX10M) on CodePen

Link to comment
Share on other sites

  • Solution

I like to do this with an empty .add tween that does nothing for x amount timeline.add(() => {}, "+=5"); // Add pause of 5 seconds 

 

You could do it in different ways, but if you want for example to add this to Scrolltrigger above solution would work. Hope it helps and happy tweening! 

 

See the Pen ExOapZG?editors=0010 by mvaneijgen (@mvaneijgen) on CodePen

  • Like 1
Link to comment
Share on other sites

On 6/9/2023 at 11:37 AM, mvaneijgen said:

I like to do this with an empty .add tween that does nothing for x amount timeline.add(() => {}, "+=5"); // Add pause of 5 seconds 

 

You could do it in different ways, but if you want for example to add this to Scrolltrigger above solution would work. Hope it helps and happy tweening! 

 

 

 

My challenge seems a bit similar to this but its quite different, my sections are being generated dynamically using a map and the problem is only the first section is showing the animation since am using one class name. could someone give me some help plscode.text

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.
×