Streaming live at 10am (PST)

How to make an image "rotate" with interaction?


#1

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)


#2

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


#3

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.


#4

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


#5

Awesome, thank you very much !