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.
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.
after that we can see the image on the browser.
and then we can add some CSS features for background, and size of plane.
after adding some java script code, our little plane is ready to fly.
ScrollMagic - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!
gsap - cdnjs.com - The best FOSS CDN for web related libraries to speed up your websites!