Hi everyone,
I’m new here, hoping to find some answer and help from the Community X.
Here’s the question: I would like to simulate an animation (without lottie or gif), by piling up a series of sticky images, and making the next hidden frame-images appear while scrollling, one on top of the previous one.
So that, reaching a particular point in height – not just entering the viewport – while scrolling down the image fade-in and viceversa fade-out, matching it with the scrolling of the related text on the side that reach the same point.
I don’t mean to have the effect animated frame by frame like lottie (it’s out of my skills), just wondering if the fade-in/fade-out effect can be triggered in such a way with some code or design workaround.
Any hint or tutorial would be greatly appreciated.
Thank you!