Button don't work under layer

Design help Animations & Interactions
1

Hello, I need help because I try to make an animation in my portfolio with my projects that scroll with a horizontal scroll, and when we click on an image, it opens the link of the project. But the trouble is that the images pass under a gradient layer from black to transparent and therefore we can not click on the image buttons.

I can not find the solution, what to do. Thank you for your help

It’s the “Portfolio” page

Here is my public share link: LINK
(how to access public share link)

2

Hey Hugo,

If you’ll give your ‘Overflow’ div a z-index of 401, it will be above the ‘Corner Shadow’ div. Then the link will be clickable.

3

yes I already tried but the goal is that the images come from below the gradient

4

Oh,
In that case you can use pointer-events: none; on the gradient overlay (insert it with custom code)

5

here ? like that ?

image
image1873×870 127 KB

6

https://www.loom.com/share/41927f463a2d4fbba782f70459a08478

7 
<style>

.Corner-Shadow.Gradient {
    pointer-events: none;
}

</style>
8

Ouch it’s only for premium