IgorChernobay

Animation control by scroll

Recommended Posts

Hi! I have a task: to make animation like on this page (where block with the phone and tablet is scrolled slowly then block with the text). http://flatata.com/en
Try to apply this technique http://bassta.bg/demos/tweenmax-text-animations/index10.html, but no success.

I made many attempts, but my result is still doesn't work correctly. How to trigger animation and how to control scrolling speed of images. Any idea?

Many thanks in advance for any help. 
 
Igor.

See the Pen VKqojZ by IgorChernobay (@IgorChernobay) on CodePen

Share this post


Link to post
Share on other sites

ScrollMagic is a JavaScript tool that allows you to trigger and control GSAP animations via scroll.

 

Check out these tutorials by Petr Tichy to learn how to use it

 

https://ihatetomatoes.net/simple-scrollmagic-tutorial/

https://ihatetomatoes.net/5-days-with-scrollmagic/

https://ihatetomatoes.net/visual-guide-scrollmagic/

Share this post


Link to post
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.