border-radius元素overflow:hidden失效問題

父元素使用border-radius和overflow:hidden做成圓形，子元素如果使用了transform屬性，則父元素的overflow:hidden會失效。

解決方法：

父元素使用 -weibkit-mask-image 覆蓋掉圓角部分。-webkit-mask-image 可以使用圖片、Gradient 漸變或者 SVG mask 作為元素的 mask 遮罩。在 WebKit 的相容性還算可以。

/*image*/
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
/*gradient */
-webkit-mask-image: -webkit-radial-gradient(white, black);