My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

How can I make a fancy animation on scroll using different images with React (primarily, but in any other framework, actually)?

Bruno Anken's photo
Bruno Anken
·Oct 22, 2018

Something like this Crypton website, but more vertical.

Imagine this: the page is divided in half on the vertical axis. On the left we have the content and on the right we'll have the animation I'm imagining. As we scroll down to see the content on the left the left content will change. Let's say that it consists in some images one above the other, but not completely covered one by another, and as we scroll down some images will decouple from its initial state (going up) and the other images will be shown entirely (just as if we had one big piece of Lego and as we scroll down the Lego pieces will start decoupling one from the other.

I don't want a precise answer, instead I'd like some indications of libraries and frameworks (and links to tutorials if possible) to animate the view.

Thanks a lot!