Как анимировать так svg?

Question

[kentos]

Здравствуйте, как сделать такую анимацию? При скролле появляется в футере arrow
Может кто сможет вынять с сайта, я пытался, у меня ничего не вышло(

Тык

Answer 1

[Павел Андрейченко]

Сделано через GSAP, ниже вырезка из скрипта:

Код

this.timeline   = new TimelineMax({ paused: true });

        this.timeline.fromTo('.blurp--bottom', .6, {
            y:          40,
            scale:      0.5
        }, {
            y:          0,
            scale:      1,
            ease:       Power3.easeOut,
            force3D:    true

        });

        this.timeline.fromTo($('.btn__arrow--top'), .4, {
            y: 15,
            opacity: 0
        }, {
            y: 0,
            scale: 1,
            opacity: 1,
            ease: Back.easeOut
        }, '-=0.1');

        this.timeline.fromTo($('.btn__arrow--bottom'),.4, {
            y: 15,
            opacity: 0
        }, {
            y: 0,
            scale: 1,
            opacity: 1,
            ease: Back.easeOut
        }, '-=0.25');