fun Posted June 7, 2023 Share Posted June 7, 2023 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 More sharing options...
Cassie Posted June 7, 2023 Share Posted June 7, 2023 Hey there! Check out the position parameter, that's the key to sequencing animations precisely 1 1 Link to comment Share on other sites More sharing options...
fun Posted June 9, 2023 Author Share Posted June 9, 2023 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 Link to comment Share on other sites More sharing options...
Solution mvaneijgen Posted June 9, 2023 Solution Share Posted June 9, 2023 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 1 Link to comment Share on other sites More sharing options...
fun Posted June 10, 2023 Author Share Posted June 10, 2023 Thank you! @mvaneijgen 1 Link to comment Share on other sites More sharing options...
Ibra Myles Posted June 12, 2023 Share Posted June 12, 2023 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 More sharing options...
mvaneijgen Posted June 12, 2023 Share Posted June 12, 2023 Hi @Ibra Myles welcome to the forum! Can you maybe make a minimal demo using Codepen to share your code or one of our other templates, if that works beter for you: React/Next/Vue/Nuxt. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now