Streaming live at 10am (PST)

Text Hover interactions with flexboxes


#1

Hi,

I email priority support, but was told to check the forums to see if anyone has tried this.

I was wondering what the best way to create a hover interaction (with text) using flexboxes. Similar to this (near the bottom):

https://interactions.webflow.com/

I've had a look around the web, but the webflow / forums and tutorials I've found say to you position absolute which seems to not work very well with flexboxes.

I'm mainly a designer, so I could be missing something simple, any help with this would be great thanks.

Matt


#2

Hi @mattj, inside of the flexbox, drag a div, give it a class, then position it relative.

Now drag content within the div and you can position it absolutely to the first parent element having relative position.

If not parent element is found with relative position, the elements with absolute position get positioned to the body.

Does this help?


#3

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