Streaming live at 10am (PST)

Loading Spinner Interactions 2.0


#1

Hi folks,
I know this sounds really elementary, but I need to create a looping loading spinner for a prototype and it’s surprisingly hard to do. Does anyone have a quick solution using interactions 2.0?
Thanks so much!
Max


Here is my public share link:

https://preview.webflow.com/preview/looper?preview=a6d4eaacf85abf8515ddf26d4149879f


#2

Hi, @maxacademia! This got me recently and @Waldo helped me out. So credit where credit is due!

You need to remove the initial state from the first step and set the time and z rotate to 0. Then set the final transform the way you did. Boom. It spins and loops!

Here’s a vid with the steps:


#3

Thanks so much @rileyrichter and @Waldo! That was surprisingly tricky for something that seems like it should be so easy. Regardless, that worked like a charm! Thanks for your help!


#4

De nada, @maxacademia! Yeah, it’s funny how just a couple of little things like that can break it and keep it from looping. Good luck! Can’t wait to see the awesome site you build!