Having a hard time getting on hover descriptions to disappear properly and not get stuck

Design help Animations & Interactions
1

Having a hard time getting on hover descriptions to disappear properly and not get stuck on home page. Happening with all browsers. See video capture here: Screen Recording 2023 03 16 at 9 50 04 AM - YouTube

Here is my public share link: LINK

2

Appears to be your hover-out settings. See screen grab.

You want to begin the hover-out setting where your on-hover interaction ends. So it will start with the element’s Opacity = “100%”, and the height = “Auto”. Make sure to change the default start duration from .5 sec to 0 sec. (this is causing the bit of pause you currently see)

Then create the hover out transition… opacity = 0% and height = 0

This worked for me in the preview mode but since I can’t publish I’m unable to test the live version.

hover
hover2500×1397 305 KB

3

Hi, so I just did all of this but im getting the same issue/bug where the text re-appears and stuff. See here:

https://preview.webflow.com/preview/one-shot-productions?utm_medium=preview_link&utm_source=designer&utm_content=one-shot-productions&preview=bd9f34c3ce194fafe92c0f1411f379e3&workflow=preview

4

Hmm. I tried assigning the interaction to “.business-info-wrap” vs. on “.business-area-wrap” This seems to have helped. You might give it a try. The only thing I can think of is that the .business-info-wrap is a more direct parent.