3D carousel

[jayesh24]

I am not able to make proper co-ordinates and structure of carousel which i have in mind so somehow i have done some static code and in my codepen we can see UI.

it is not at all working .
Can anyone help me and give some tricks on task which i have.

See the Pen yLGbEmR by jayesh24 (@jayesh24) 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 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.

 

Finally maybe this example can provide a good starting point:

See the Pen RwLepdQ by GreenSock (@GreenSock) on CodePen

 

Happy Tweening!

[Rodrigo]

Hi,

 

Also take a look at this page:

https://3dtransforms.desandro.com/

 

David goes into a lot of details explaining how everything works and even has a dedicated section for a carousel.

 

Hopefully this helps.

Happy Tweening!

[jayesh24]

Thanks for your reply , i understand free of cost nothing happens.

thats why i asked for some guidance by which method i can achieve desired output so i can study on that method and try to bring this result.
i guess i will try by scrolltrigger or by timeline which should run on drag.

anyway thanks alot.

[Rodrigo]

Hi,

On 9/14/2023 at 2:12 AM, jayesh24 said:

i understand free of cost nothing happens

Is not a thing that we don't provide help or guidance if we don't get paid. Is an issue of best administrating our time resources, nothing more.

 

For example there are many things that we see here in the forums that I would love to dedicate myself into re-creating, but that would involve leaving many questions here in the forums as well as other parts of our jobs unattended, nothing more. I think the issue in your example resides mostly on the styles, that's why I added the link for David DeSandro's resources since, most I've learn about 3D transforms, it was from his resources.

 

Good luck with your project!

Happy Tweening!