Streaming live at 10am (PST)

Can anyone do this json animation while scrolling?

I want scroll effect like this in revolut
https://www.revolut.com/

So I want the json animation in a section is running for 3 second and when I am about to go second section it will run from 3 second to 6 second and when again go to the next secction…json animation will run 6 second to 10 second like the revolut…you can check it.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hello,

Something similar can be made utilizing Lottie Animations within on while on scroll interaction for an element that is set to a display of sticky. The tricky part will be positioning the timing correctly of how many frames are going to be animated in between sections.

I made a cloneable example as a rough idea of how something like this could be achieved. Feel free to take it and copy the similar interactions.

We also have an awesome video on utilizing Lottie Animations while scrolling within our University if you haven’t checked it out yet. It will bring some insight on the basics of how something like this can be achieved.

Hopefully this helps a bit and please let me know if you have any further questions.

My best,
Riley

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.