[Recreate this Effect with GSAP & ScrollMagic]

Hi Guys,

 

I just discovered GSAP few hours ago, and I'm trying to learn how to do cool stuff with it. Unfortunately I've chose something way out of my reach as a first task. 

The other day I've found a blog, with a pretty amazing effect while scrolling. And it amazed me so much that I've decided to start learning GSAP. 

I've found out that it might be possible to re-create this effect with GSAP + MagicScroll. I've tried few things but none's working neither close this

 

This is a Pen, with what I'm trying currently: 

 

I've redone something similar with CSS animation: 

See the Pen xNrmJa by anon (@anon) on CodePen

 

but obviously it's not responsive when scrolling etc.

 

I couldn't found what's the GSAP version of css rotate3d() 

As you can see I've tried:     

rotationX
rotationY
rotationZ 

but it's not working as css rotated3d()

 

I'd appreciate some help from you guys! Thank you very much for your time

 

 

Here's what I'm trying to achieve:

 

See the Pen jowXzy by anon (@anon) on CodePen