Pass through

GOMAPRODS · January 10

mdp : gomaprods2023++

Hi everyone,

I have a transition to black and white when we hover the pictures, but

when we hover the play button (on top of it), the picture goes back to normal.

I'm trying to keep it in black and white but with no result.

(I tried "pointer-events: none;" on the play button but it doesn't work).

do you happen to have a solution ?

yubrajs · January 10

Hi,

Instead of applying transition to an image with class .img; apply it on whole "a" tag. Like:

.thumbnail2 a{

filter: grayscale(0%);

}

.thumbnail2 a:hover{

transition: filter .3s ease-in-out;
-webkit-filter: grayscale(0%);
filter: grayscale(100%);

}

Remove below code:

.img {

transition: filter .3s ease-in-out;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);

}

GOMAPRODS · January 10

Works like a charm !

Thank you yubrajs !

yubrajs · January 10

Great! Hit a like for the solution 🙂

Recommended Posts