Hover Animation is Flashing

[Only (Jamell Jones)]

Hey Guys,

Still new to webflow and learning how to manipulate classes with the UI. Anyway, my goal is to slide a div down on hover, revealing the content underneath. I have a DIv, and another DIV covering it, I set the hover interation on the “cover” div, however, it causes a flashing when I hover. I guess it’s because the div is technically not there, but it is, I don’t know.

Can you please help me figure this out? Understanding this concept will take my design game to new level.

Live Page:
http://jamells-spectacular-project.webflow.io/

Project:
https://preview.webflow.com/preview/jamells-spectacular-project?preview=0d068221efb6871da6ad980f33ee92b9

Much Appreciated,
Only

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[garymichael1313 (G.J.)]

Welcome @only,
It’s kind of hard to understand what you’re trying to accomplish. Go to my collection and see if there’s an example similar to the end goal:

https://preview.webflow.com/preview/gj-project-backup?preview=fe3759b3f1b4ca487673f8b2881e046c

[Only (Jamell Jones)]

Hey @garymichael1313,

My goal is to slide the cover div down on hover, revealing the content underneath.

In my example, I added a move transform on the “cover” in the hover state, but I think I figured out how to do it using the interaction settings instead.