A Vertical Scrolling Test with ScrollDeck

A Test based on scrolldeck.js by John Polacek

Scroll-based (triggered) animations.

You can animate stuff in different ways when scrolling or using your keyboard arrows.

(class="animate-in" data-animation="space-in")

Fade In

(class="animate-in" data-animation="fade-in")

Fly In Left

(class="animate-in" data-animation="fly-in-left")

Fly In Right

(class="animate-in" data-animation="fly-in-right")

You can also animate in stuff one at a time:

(animate-build w/ data-build="1" > "2" > "3" etc.)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Sed in arcu massa.

Aenean eu sem quis arcu ornare dictum ut at ipsum.

Ut imperdiet risus nulla, eget malesuada ipsum.

Suspendisse purus nunc, accumsan quis egestas eu, lacinia vel ligula.

About Scrolldeck

Links:

Original Example

Scrolldeck.js

Credit:

This test uses Scrolldeck.js and Scrollorama created by John Polacek