Lottie animation on page scroll is flickering on mobile

Design help Animations & Interactions
1

Hi everyone,

I’m trying to set up sequence images animation on the page scroll.
https://test-clock-lottie.webflow.io/

It works fine on desktop but It’s flickering on mobile (Safari, Chrome). Does somebody know what is the trick?

Here is my public share link:
https://preview.webflow.com/preview/test-clock-lottie?utm_medium=preview_link&utm_source=designer&utm_content=test-clock-lottie&preview=571796950ca7a61b49332fe488ce0021&mode=preview

2

Try the “Canvas” render option under the Lottie element settings. SVG is really meant for vector-based animations, so it doesn’t perform as well for scrubbing through images.

image

1 Like
3

Yes, it works! Thanks a lot.