具有變換的問題：縮放，溢出：Firefox中的隱藏和邊框半徑

Question

我在Firefox中遇到了一個奇怪的問題。我創建了一個css動畫，我縮小了我的div#flying_object，移動它並最終將其縮回到原始大小。我的div.flying_object_container有border-radius: 50%;和overflow: hidden。因此，如果飛行物體溢出了父級div，它應該被隱藏。在Firefox中，飛行對象有時在父div之外可見。您必須懸停該元素才能看到動畫。

這就是有時會發生在我的動畫：

這是我jsfiddle。

它適用於Chrome，Opera，IE11，Safari（帶有錯誤修正），但不適用於Firefox。

希望有人能幫助我。 :)

Answer 1

該錯誤已修復爲Firefox 50。

Fixed rendering of dashed and dotted borders with rounded corners (border-radius) 

測試版本49，49.0.2和50。