CSS轉換刪除邊界半徑屬性

Question

我正在創建一個CSS轉換，在父狀態懸停時縮放內部元素。

但是，父級擁有border-radius屬性，該屬性在實際懸停本身不會被強制執行。當用戶懸停元素時，沒有顯示邊界半徑。

我弄清楚，這與溢出有關，我試圖有一個z-index父母比孩子高但沒有運氣。

我的小提琴： https://jsfiddle.net/muLhkx9m/1/

Answer 1

你的問題是一個已知的bug與過渡和背面的知名度。 更具體 - 規模轉變往往需要多了一個「瀏覽器黑客」才能正常工作 - 這是

-webkit-backface-visibility: hidden; 
-moz-backface-visibility: hidden; 
-webkit-transform: translate3d(0, 0, 0); 
-moz-transform: translate3d(0, 0, 0); 

我已經加入這個你的小提琴，到.box的元素，並檢查自己如何作品:)

Your Updated Fiddle