带after&；的Safari中的CSS3动画车；元素之前

我制作了一个3d立方体的缓冲动画。它在Chrome和Firefox中运行良好，但在Safari中行为错误。我不知道到底是什么导致了这个问题。我一直在读一些问题，safari需要完整的百分比来理解动画，但我没有使用任何百分比，所以这不会是问题所在。但我想可能是这样的。也许有人有主意。：）

这是Css，但我还用Codepen制作了一支笔来查看动画（）

---

非常感谢

我找到了解决办法。Safari存在冗余关键帧问题 我的解决办法是

0%   {margin-top: -25px; margin-left: -25px;}
100% {margin-top: -35px; margin-left: -35px;}

或

而不是

from {margin-top: -25px;}
to {margin-top: -35px;}
from {margin-left: -25px;}
to {margin-left: -35px;}

from {margin-top: -25px; margin-left: -25px;}
to {margin-top: -35px; margin-left: -35px;}

from {margin-top: -25px;}
to {margin-top: -35px;}
from {margin-left: -25px;}
to {margin-left: -35px;}