Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Recreate this Effect with GSAP & ScrollMagic

Recommended Posts

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:     


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

Link to comment
Share on other sites

Hi @Special,


Welcome to the GreenSock Forum.


We are specialists in animations but not the official forum for ScrollMagic.


Just for fun:


See the Pen rgwRZL by mikeK (@mikeK) on CodePen


More about GreenSock e.g. here: 3D Transforms

Or better here: get started


Happy tweening ...




  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.