How do i do that video animation. Pls Help

[parbawng]

 

https://wearemotto.com/?ref=godly

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[mvaneijgen]

Hi @parbawng welcome to the forum!

 

I'm not sure which animation you're talking about? Is it the video where the "curtains" the the left and right move away? If so that is how I would build it, just have a video element with two blocks on top of it and move the one on the left to the left and the on the right to the right. 

 

If you wan it to happen on scroll I would recommend removing ScrollTrigger! This seems counter intuitive, but ScrollTrigger is just animating something on scroll, so just focus on the animation at first and only when you're happy with the animation add ScrollTrigger back in.

 

Would love to see what you could do on your own, so let us know and if you're stuck post back here with a minimal demo! Hope it helps and happy tweening!