Streaming live at 10am (PST)

How to make an image "rotate" with interaction?

Hi guys,

I would like to to exactly the same as this website, with the client’s logo which are “rotate” like a planet in space. Is it possible in Webflow ? I only find to do it with linear trajectory.

Thanks guys,

Here is my public share link: LINK
(how to access public share link)

Easy. Make a div with the image inside slightly off center like this. Now make an animation that will rotate parent div by z axis. It will appear as if inner image is rotated around some invisible center of mass.

To be honest this is a weird effect so use at your own discretion, haha

1 Like

Hey dram, thank you for your answer.

Well it doesn’t look like what I want, it make the image rotate, but I want it fixed, just it turn around a center of mass like you said.

Ah yes, the image itself should also rotate opposite the main div’s rotation :wink:
Check it out

1 Like

Awesome, thank you very much !

Hi @dram

I’ve been searching for this solution. Is there anyway you could reactive this again so I can see?

or perhaps send me to a page I can see it on?

Have to say, I find it so frustrating to find the solutioin but never see any previews of solutions as all the links 404.