CSS变换在safari中直到动画结束才转换

Question

问题小提示：https://jsfiddle.net/x0j3aLsr/7/

我试图通过一个很好的过渡来围绕整个屏幕制作一个圆形动画。这适用于Firefox和Chrome（因此我预计不会出现Webkit问题），但由于某些原因不适用于Safari。虽然结束状态是正确的，但看起来transform属性实际上并没有转换，它只是＆＃34;跳跃＆＃34;最后。

有关如何解决此问题的任何建议，还是只是Safari中的错误？