How can I make this slider

[Sumit Vaishnav]

Hi There,

I need help regarding to create a slider which I defining below :
I want to same functionality as  like this screen shot (https://prnt.sc/lu4qnBnOiLXP)
Is it possible with GSAP if yes please guide me what step I need to follow.
https://greensock.com

Thanks
 

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide "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 @Sumit Vaishnav welcome to the forum!

 

A slider can be a big endeavour when just starting out with a tool you've never used before. I would start by animating something simple and build out from there. You can build anything with GSAP, so if you put in the work that is doable, the only thing holding you back is your own creativity. That said working with GSAP will also require HTML and CSS knowledge. 

 

If you're new to GSAP check out this awesome getting started guide https://gsap.com/resources/get-started/ and picking one part of your project and creating a minimal demo for that and when you get stuck post back here. 

 

Hope it helps and happy tweening!