koub Posted September 29, 2021 Share Posted September 29, 2021 i want to use ">" and "<" to play b animation before the first a animation with a big distance of time but i only can start in the same time like is not care of number before the symbol See the Pen qBjQXYj?editors=1010 by koubaib-ben-yedder (@koubaib-ben-yedder) on CodePen Link to comment Share on other sites More sharing options...
OSUblake Posted September 29, 2021 Share Posted September 29, 2021 Welcome the forums @koub That won't work like you are expecting because the previous animation durations aren't long enough. You should just start b first, and then delay a. let t = gsap.timeline(); t.to(".b", { duration: 5, x: 100 }); t.to(".a", { duration: 5, y: 500 }, 20); t.to(".a", { duration: 5, y: 0 }); t.to(".b", { duration: 5, x: 500 }); t.from(".c", { duration: 5, x: 100 }); t.fromTo( ".d", { x: 100, scale: 0 }, { duration: 5, x: 500, scale: 1 } ); 1 Link to comment Share on other sites More sharing options...
koub Posted September 29, 2021 Author Share Posted September 29, 2021 48 minutes ago, OSUblake said: thanks a lot @OSUblake 1 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