Lottie Animation Scroll – Like apple website

[XO3D]

#874474

Hi, i am trying to create an animation using lottie animation element with a custom JSON file animation i have created from after effects.

The triggers in the element do not seem to have the scroll function.

Is there a way around this please?

[Joseph-Bazant]

#874579

Not without css. Closest you can get is to select “trigger-viewport.”

Here’s some websites that might help:
https://stackoverflow.com/questions/28307625/how-to-trigger-css-animation-both-on-scrolling-down-and-up
https://coolcssanimation.com/how-to-trigger-a-css-animation-on-scroll/
https://imjignesh.com/trigger-css-animation-on-scroll-without-javascript/
https://imjignesh.com/how-to-trigger-css-animation-on-scroll/

Note: Stack overflow is a great place to find that stuff, I highly recommend you look there

[Author]

Posts