Overflow hidden + round corners not working on Safari

thanks @sabanna ,
Now it’s working.

I used this as reference:

The issue is the combination of overflow, border-radius, and transition

This is the solution:
On the element with overflow:

.transitionfix() {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0)
}

plus

added minus z-index value for image and higher value for the parent

6 Likes