Hover State - Reverse Timeline issue on MouseOut

Animation
1

I have an image of a building. On mouse hover, I want a semi-transparent vector shape to appear on top of the building. On mouse out, I want to reverse the timeline, so the shape disappears and the original building is visible.

In my Hype file, I've set up a timeline to do this. Mouseover works, but on MouseOut, the animation seems to loop briefly, instead of removing the vector shape.

I've uploaded a video showing the issue I'm having, and attached the Hype file.

Appreciate any help!

hover-state.zip (65.7 KB)

2

Hi! Keep things simple:

  • Both actions (mouseOver and mouseOut) on the 'Hover-state-outline-vector'
  • No action on the 'bldg2-hobby'
  • MouseOut action must be 'continue timeline' (reverse) and not 'start timeline' (this will of course restart the timeline...)

Hope, this helps.

hover-state_kt.zip (65.1 KB)

2 Likes
3

Thanks very much, this works! I will keep it simple as you suggested :slight_smile:

1 Like