Streaming live at 10am (PST)

Infinite Loop Animation (Rotation)

Hey guys,

I need a little help. Im trying to create an animation that keeps rotating using the loop function.
I got it to rotate 360 degrees, but how do I make it keep looping?


Here is my public share link: https://preview.webflow.com/preview/loop-rotation-animation?utm_medium=preview_link&utm_source=designer&utm_content=loop-rotation-animation&preview=91ab05e55362b2c421b262a248ad5f25&mode=preview

I found a way to bypass the problem. hope it helps :slight_smile:

To create a correct loop you’ll need 3 stages in that rotating transition.

  1. Zero duration and zero DEG
  2. 12 sec duration and -360 DEG
  3. Zeo duration and zero DEG
    With the Loop selected it should work perfect.
2 Likes

That’s Work Perfect!

Yeah, works perfectly! Thank you :slight_smile: