How do i recreate this circular animation in Webflow?

The animation is in the 3rd section of the Poppi site (link below). Right above the text “Be Gut Happy”.
Is it possible to recreate this sort of animation in Webflow? If yes, how?

Thank you in advance :))


Here is the link: drinkpoppi.com

Simple animations can be made inside webflow with interactions. More complex animations can be made in After Effects and exported as a .json file (exported with with the Bodymovin plugin). That way you can insert it the same way you insert an image and you’ll get some extra options as to how you want the animation to play.

You should check out the Lottie animation tutorials from Webflow University :slight_smile:

1 Like

Alright, I was just wondering if there was a way to do it within Webflow.
Thank you for your answer! :))

This is definitely doable.

Here’s a clonable project so you can see how I recreated it:

https://webflow.com/website/Rotate-Animation-on-Scrolling

2 Likes

Hi Aaron,
I apologize for the late reply, but oh my God! Thank you so so much!