Card Flip animation not working

[Nooruddin]

Hey everyone,

I am new to gsap and scroll trigger and I want to have elements flip but unfortunately I was not able to do that.

Can anyone help with this?

also sorry for the messy code.

See the Pen vYvmNee by nooruddin-rahmani (@nooruddin-rahmani) on CodePen

[Carl]

Hi and Welcome to the GreenSock forums,

 

Thanks for the demo. It seems you might want to take a few steps back here and get 1 card to flip the way you want before you worry about a lot of cards or even hooking up ScrollTrigger.

 

Here's a demo from one of my courses, perhaps it will help you get your cards setup in a simpler fashion

 

See the Pen VwKGVjb?editors=0010 by snorkltv (@snorkltv) on CodePen

 

And to add ScrollTrigger you can do something like this

 

See the Pen gOZWaQj?editors=1010 by snorkltv (@snorkltv) on CodePen

 

Hope this helps.

 

If you want to learn GSAP inside and out, check out my complete GSAP course bundle, it will guide you through all this and so much more.