Streaming live at 10am (PST)

Have Lottie Animation stop on the last frame

Dear Webflow community,

I have a question concerning the recently added lottie animations. I want tem to play on hover and then stop at the last frame… ho do I achieve that? (video link addached)

Here is my public share link:

Select the lottie anim, add hover interaction, create a new animation, add a Lottie Action, set the playback to up to 98 or 99%, and that’s all, the anim will play on hover and stop at the last frame.

1 Like

Thanks a lot!

I have another question: How do I reverse the animation on hover out.

Thanks in advance

You add a hoverout animation and set the lottie playback to 0%.

1 Like