анимация

Сплошная вертикальная линия показывает отрезок (путь), где будет выполнена анимация.
Если уменьшить размер окна браузера будет видно, как сократиться отрезок для выполнения анимации. Она будет выполнена, в том же отрезке, но в ускоренном режиме.
Начало
-100px
arrow

Якорь: bottom -- Смещение: -100
Свойство: transform (все значения оставить по умолчанию).