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:
https://preview.webflow.com/preview/cyreen?utm_medium=preview_link&utm_source=designer&utm_content=cyreen&preview=d3e3e8e0c93ad33918b35a0c814b3ac7&pageId=5dc56334176b959339201cfc&mode=preview

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.

https://sbx.webflow.io/lottie-plays-and-freeze

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