变换的bug：Firefox中的scale，overflow：hidden和border-radius

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 。