Hello -
Im working on my portfolio site and I have a hover effect in place on my gallery (extras) page. Right now I have the hover working on my first set of images and it looks cool
. However, for some reason the hover wont take affect unless its outside of the hover images area. Its almost as if the image that is not there is creating a block of the interaction.
I hope im explaining that right. Please take a look for yourself. with this read-only link:
https://preview.webflow.com/preview/fabian-e0cfa6?utm_medium=preview_link&utm_source=designer&utm_content=fabian-e0cfa6&preview=400122a48e05d201f27cd18e13014911&pageId=65e8cae8448efee2f8dbeb67&workflow=preview
Thanks so much!
Is there anyone out there that may have a clue to what the issue could be? Is it the Z depth of the hover? Or maybe how I have it structured? I’ve been playing around and no luck. Here’s a gif of the issue. You can see how the hover disappears on the 3rd image if I hover below the bottom half of it.
Took me a while to find this thread:
But setting my hover images wrapper to pointer-events: none worked like a charm.