Streaming live at 10am (PST)

Hover Reveal Interaction


#1

I'm trying to create a hover reveal interaction (Example 5) as described on the Webflow interactions page (http://interactions.webflow.com/). All I'm finding is the style panel image, but that's not helping me.

I've done my best and thought what I've put together would work, but it doesn't; nothing happens when I hover over the box (under the heading "BOK Financial … By the Numbers"). It should reveal a red box with text in it (portfolio overlay).

Would someone mind looking at it and let me know what step I may have missed to make this work properly?

https://preview.webflow.com/preview/bokf-corporate-trust-general-1210?preview=f06bf00d3f368dabb223b33f4fefba69


#2

Hi @chrisgreer33, Can you update your post with:
(1) Image of what you want the design to look like "before" hovering
(2) Image of what you want the design to look like "after" hovering

Also, this demokit may be helpfule: https://webflow.com/website/Demo-Kit

Thanks in advance! smile


#3

This is how it should look before the interaction:

After the interaction:


#4

The demokit helped. But how do I access the overlay text to edit it? In your example, how do I get to the text on the purple screen https://webflow.com/website/Demo-Kit ?


#5

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