Section Wipes (natural)

Wiping in content with the natural scroll movement

This commonly used effect can be very easily achieved using ScrollMagic's Scene.setPin() method.

If you want to create a "pause" between the slides, simply add a margin-bottom to them (see between slide 3 and 4).

view source
ONE
TWO
THREE
FOUR
trigger
start 1
end 1
start 2
end 2
start 3
end 3
start 4
end 4