GOMAPRODS Posted January 10 Share Posted January 10 https://www.gomaproductions.com/iad 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 ? Link to comment
Solution yubrajs Posted January 10 Solution Share Posted 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%); } Link to comment
GOMAPRODS Posted January 10 Author Share Posted January 10 Works like a charm ! Thank you yubrajs ! Link to comment
yubrajs Posted January 10 Share Posted January 10 Great! Hit a like for the solution 🙂 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment