JavaScript Scroll Animation

I came across a video in you tube about scroll animation,and I though , It will be great doing a blog post about it. So basically, when you scroll the browser down this little paper plane animates, it is only effective by scrolling. Scrolling movement animate the paper. even when we scroll reverse , it will also reverse the animation.

https://giphy.com/gifs/art-sky-clouds-l1J9LIsJB4xHMzLLq/media

First of all , we need to have a few libraries of the internet, those libraries coming from cdnjs.com, I put resources at the bottom.

I also need to have paper plane image.

paper image src

after that we can see the image on the browser.

and then we can add some CSS features for background, and size of plane.

Software Engineer