Jump to content

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

Trigger tweens with ScrollMagic

Recommended Posts

Hello, I have a question about triggering tweens with the ScrollMagic plugin


I created a ScrollMagic page where I animated with CSS, but I prefer to do transform ect with GreenSock. 

The problem is that when I want to trigger tweens, it doesn't work. 


This is the code: 


I also have a WORKING code, but this is with CSS animation, and not what I want: 

See the Pen RGpyGz%C2%A0 by codesen (@codesen) on CodePen



I used this as an example: http://scrollmagic.io/examples/basic/simple_tweening.html 


I think the problem is in line 10: .setTween("#project01", 0.5, {backgroundColor: "green"}) 



I hope you can help! :)

See the Pen LRLEYZ by codesen (@codesen) on CodePen

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.