Баг overflow:hidden + border-radius в Safari

В Safari, если в дочерний элемент поместить картинку, а родительскому задать border-radius, то картинка будет выезжать за пределы скруглений, даже несмотря на свойство родительского элемента overflow:hidden.
Решение такое. Задать родительскому элементу свойства:

-webkit-transform:translateZ(0);
-webkit-mask-image:-webkit-radial-gradient(circle, white, black);
Теги: