Interactions / Element Trigger / Mouse move over element

Hi,
I have some issues with the mouse X and Y actions.
It looks like its jumping between 0% to 100%. there is no in between (1%-99%)

Hope somebody can help me out

Here is my public share link:
https://preview.webflow.com/preview/itamars-stellar-project?utm_source=itamars-stellar-project&preview=f8670a2df2eeaa633a87279855f0840e&mode=preview

Thx,
Itamar

Here is how to fine tune your interaction, and how to set a children perspective on the parent. Without perspective, you won’t get a real 3D feeling, your element will continue to rotate flat. So depending on what the parent is, the orientation of the perspective will differ, as shown in the video, when it’s on Body or on a div parent that I added.

As for the IX, set the thresholds and easing mode to get a natural anim and remove the hard breaks.

http://vincent.polenordstudio.fr/snap/198g3n4.mp4

Hello! I have a similar issue, and I can’t seem to see the video you posted.

I have a header with 3 layers under it. When I move the mouse in viewport, I want the layers to follow the mouse movement along the x and the y axis. It seems to do this correctly, although - the animation is super jumpy. It looks like it can’t have an x and y value at the same time, instead it jumps between the x value and the y value.

I want it to be similar to the rotation animation here, but with movement instead of rotation: https://webflow.com/interactions-animations

Link: https://preview.webflow.com/preview/lpr-936eb2?utm_medium=preview_link&utm_source=designer&utm_content=lpr-936eb2&preview=a9f7d96f5727d9a5a648322e020adf47&mode=preview

Thanks!!

1 Like