Hey there,
I came across this site from awwwards, quite like the animation. wondering if this can be done in gsap library.
http://www.lespetitesculottees.com/#!en/product/la-blue-monday
The way i was thinking to achieve this is to animate each of the element based on scroll position, but this will result a blank space at the bottom of the page, as the whole element shift up to its y position. Most element in example site will remain it position. Any help to point me to the right direction would be appreciated.
TweenMax.to ("#text1", 1.2, {ease: Power1.easeInOut, y: -parseInt($(window).scrollTop()/1.4)} );
TweenMax.to ("#text2", 1.4, {ease: Power1.easeInOut, y: -parseInt($(window).scrollTop()/1.4)} );
....
....
Many thanks