Make Div the Highest Z-index on hover

Design help Animations & Interactions
1

Hi webflowers.

Can I make tile on hover the highest z-index inside the grid with webflow default options or I need JS? Thank you https://www.loom.com/share/6a1a58f0e5914992b1c5e1387f2693a1

https://preview.webflow.com/preview/sparkart?utm_medium=preview_link&utm_source=designer&utm_content=sparkart&preview=92c45277b36be39780ee12b211cdc6b9&mode=preview

https://sparkart.webflow.io/#brands

1 Like
2

Hello Maria,

You can change z index without custom JS! So idea is this, select any of the tiles you showed us here and delete it’s combo class. After deleting it on the main class select hover state ( little dropdown meenu next to class name) and after pressing hover scrolll down to “Positioning” and changee position to Relative and bring Z index to 6.

Webflow Experts at Flow Ninja Support Team.

1 Like
3

It works :confetti_ball: :confetti_ball: :confetti_ball: thanks heaps!!!

4

Hi Maria! How did you get the scaling effect to not push the other cards out of the way?