I’m a novice here with Webflow, and I couldn’t find the exact problem I was having in the forums. My 3d rotation interaction is jumpy and twitchy and anything but smooth and nice. Anyone know what I’m doing wrong? https://deer-island-studio.webflow.io/project-page
Do not add interaction that transforms your elements on these very elements otherwise at some point they will rotate out from under your cursor, then quickly go back (thinking you have left the hover area), encouenter your cursor, start the animation, leave it again… this leads to jittering. Use interaction on the parent of elements you want to transform. Parent will not move and hover ix will behave consistently.
In the first example, I had assumed what you are telling me, and had created a parent div-block and put all the elements as children inside of it.
Forgive me: I’m sure I’m misunderstanding some basic premise. I already feel preemptively stupid for the inevitable easy solution to this issue.
To add this this: I want the effect to work even if your mouse cursor is in the 0,0 or 100,100 (x,y) position, which is what is causing the problem, I think?