变换中的错误：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。