Interactions: Make sure element is in front

Hi there,

I think it’s easier to show my problem than describing it, so I’ve built a demo. How can I make sure the item I hover is in front? When hovering the left box, it stays behind the right one.

https://preview.webflow.com/preview/hover-demo-bef08c?preview=e410822c6f70852b8658716b2bcadb88

Thanks!

1 Like

Hey @FvG

You can make sure an item is at the front by changing the z-index value.

Here’s a quick tutorial!

Hope this helps! :slight_smile:

I actually built the same thing using JavaScript now, but didn’t think about basic CSS features :smile:

So simple … Thank you! :grinning:

1 Like

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