Any help with mouse interaction appreciated

Hi everyone,

Still finding my around Webflow interactions and struggling a little to get my head around the logic of the timeline.

I’ve created a simple site to illustrate my problem. I’m trying to hover over a button which then moves an adjacent (Font Awesome) arrow 40px to the right - then to return to original position on mouse out.

It’s “almost” there - but right now even though I’ve set the initial state to zero, the animation wants to start 40px to the right on the first hover.

Once the first hover is done - everything works perfectly after that - but on a page reload it happens again.

I’m obviously missing something really basic, but it’s driving me a little nuts trying to figure out what it is.

Any help would be greatly appreciated.

Many thanks,
Mike :slight_smile:


Here is my public share link:

https://preview.webflow.com/preview/mouse-over-out?utm_medium=preview_link&utm_source=designer&utm_content=mouse-over-out&preview=cc835e9b0ab8b1f06f57773ffa06cd7d&mode=preview

Hi

This will fix it

WOW - so simple!

Thank you so much for your help - much appreciated! :grin: :+1: