I have an interaction that is set to move 15px to the right (linear) and ease (in out sine) back 15px to the left.
The trouble I am faced with is that when I hover over the animation, away from it and then back to the element before it’s done the element instead of being 15px right of the no hover position it will hard cut in the middle of it’s movement (i.e jiggle) and stay on 0px (original state) until you move the mouse away.
What happens after that point is the 2nd animation then plays, the jiggle once more. I can keep interrupting the 2nd animation and it will repeat for days on end. Each time it will be bought back to the original state and repeatedly the last animation once I hover away from it.
Any help would be greatly appreciated!
Here is my public share link: https://preview.webflow.com/preview/signspublishing?utm_source=signspublishing&preview=bf8520abff71714f12803d4395ac493a