Streaming live at 10am (PST)

"Mouse over element" interaction problem

Ive created a hover effect on a iPhone image.

The issue is that the interaction moves the image to a new unwanted position and therefore creates a jumpy move when the interaction is first triggered.

I have no idea why this is happening. View the GIF and read-only link

ezgif.com-video-to-gif-5


Here is my public share link: Webflow - Countive redovisningsbyrå
(how to access public share link)

https://countive-redovisningsbyra.webflow.io

Hi @Webflow-user, you can try setting the positions to -5px to 5px instead of 0px to 10px for both X and Y.

Then set the Resting State to 50% and 50%. I’ve tried this setting and seem to remove the jumpiness.

1 Like

Amazing, worked like a charm. Thank you so much.

You can just change the load in target from Image to the Div Block 2 parent.