Start creating scroll
animations in Maglr Pro
4

Scroll animation starts at a 30% vertical viewport height

Move right
6

Scroll animation starts at a 30% vertical viewport height

Rotate
9

Scroll animation starts at a 30% vertical viewport height with a manually added fade animation.

Manual animation
8

Scroll animation starts at a 30% vertical viewport height with a extra keyframe animated bike.

Keyframe animation
7
Flip
5

Scroll animation starts at a 30% vertical viewport height

Zoom
3

Scroll animation starts at a 30% vertical viewport height

Fade step
2

Scroll animation starts at a 30% vertical viewport height

Mask in
1

Scroll animation starts at a 30% vertical viewport height

Fade in
NOW AVAILABLE IN MAGLR PRO

animations

With the keyframe scroll path animation, you can animate elements that react to the scroll movement of the user. Easily draw a path of how an element should move across the page. Adjust the speed per frame to choose if it should move faster or slower compared to the user scrolling the page.

Scrolling
Or reveal elements in a creative way

animations

With the keyframe scroll path animation, you can animate elements that react to the scroll movement of the user. Easily draw a path of how an element should move across the page. Adjust the speed per frame to choose if it should move faster or slower compared to the user scrolling the page.

Scrolling