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.