Learn ScrollMagic from scratch.

A Simple One Page Template

Follow these simple rules and tell your story with scrolling animations.

Scroll Down

SIMPLIFY

Simplify your content to a MINIMUM.

A picture is worth a thousand words

Let the images do the talking and use text for short summaries.

FOCUS

Focus on the most IMPORTANT thing. The one thing!

Position and Timing

Position elements based on the background image and trigger animation at the right time.

Use different triggerElements in combination with offsets to be in full control.

ASK

You don't ask, you don't get. Always end with CALL TO ACTION.

Do you want to learn ScrollMagic?

Explore the source code and start learning ScrollMagic today.

DOWNLOAD FILES