90%
TOP
50%
CENTER
10%
BOTTOM

Trigger position
10%
BOTTOM
50%
CENTER
90%
TOP
Besides choosing where in your viewport you want an animation to kick off, you can choose which part of your element should trigger the animation when it hits that threshold. This opens up possibilities to make elements appear at the exact top, middle or bottom of the viewport.