I’m trying to create a card trick in webflow.
I’m searching for the on-hover behavior of my div. I’m trying to figure out why the z-index changes. When you hover over a card, the z-index seems to change, I cannot seem to remember where I have added this behavior. I cannot find it in the :hover and not in the interactions. Can someone help me out where to find this change?
Thanks a lot!
Here is my public share link: sharelink
publik link: kaartentest.webflow.io
There’s a bump in z-index on hover on the .bottom-card element.
Also, the flipping animation makes the card turn flat, there’s no perspective.
Select the .card-container-bottom element, then click on the 3 dots on the Transform line in Style panel, and set Children perspective to 2000.
Without something to set the perspective, everything rotates flat. By setting the perspective as Children perspective to an upper elment, you ensure that all card share the same scne perspective. If you look at their flipping motion, you’ll see that each one has a different, because they share the same perspective point.
Thank you vincent, also about the explanation of perspective