Rotating square image carousel

[onelessdesign]

Hello I'm pretty new to gsap and have been looking online for a way to create the video example shown here but haven't found anything that matches it exactly, would love some help on how to create this effect where you can ideally click or drag to cycle through the images in this way

 

Any help would be really appreciated! I'm using webflow if that matters at all. I look the codepen example from another thread and tried to edit it as best as I could to match my example but I'm stuck as to how to get it exact

 

See the Pen GRaVRdL by madebyjordan (@madebyjordan) on CodePen.

[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 - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at 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. 

 

You can also check these demos that use the MotionPath Plugin in order to get a starting point:

See the Pen JjwPGOq by GreenSock (@GreenSock) on CodePen.

 

See the Pen ExeRygq by GreenSock (@GreenSock) on CodePen.

 

See the Pen Babvqww by GreenSock (@GreenSock) on CodePen.

 

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. 

[onelessdesign]

Appreciate these examples!