Answer the question
In order to leave comments, you need to log in
Why does border-radius disappear on hover in SAFARI?
on the site q962037k.beget.tech in the "Gallery" block when you hover over the image, it increases, but in safari the rounding disappears, in other browsers everything is fine. The image is wrapped in a wrapping div with border-radius and overflow: hodden
How to make safari not lose this rounding on hover? Maybe someone faced such a problem?
Answer the question
In order to leave comments, you need to log in
I found a solution, it helped to add position: relative and z-index for the image and the wrapping block (the wrapper has 4 and the image itself has 3, respectively)
Here's another good solution. Add for wrapping block with overflow this:
-webkit-mask-image: -webkit-radial-gradient(white, black);
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question