Make an element rotate endlessly

Video

‍

1. Select the element that will trigger the animation

1. Select the element you want to rotate (ex: circle)
2. Click in the interaction panel and choose the “Scroll into view” trigger

‍

2. Create the animation

1. Select the “Rotate” animation

‍

2. Assign a default position to the item: 0 DEG and 0s Duration

‍

3. Add a transition to change the position of the element and specify the duration of the animation: 360 DEG in 15 sec (for example)

‍

4. Add a transition for the element to return to its default position after the rotation is complete: 0 DEG and 0s Duration

‍

3. Apply the Loop characteristic to the animation

Check “Loop” at the trigger level for the animation to loop

‍