Hover Animation is Flashing

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)

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

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.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.