CSS动画溢出无法在Safari上运行

Question

我无法正确显示此动画的最后一帧。似乎Safari无法使用溢出执行动画。还有其他解决方案吗？

更新：我不想有溢出动画，但实际上是在最后一帧中添加了该属性。

@-webkit-keyframes overflow {
  0% {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-overflow: hidden;
    background-color: red;
  }
  50%{
    -webkit-backface-visibility: initial;
    -moz-backface-visibility: initial;
    -webkit-overflow: initial;
  }
  100%{
    -webkit-backface-visibility: initial;
    -moz-backface-visibility: initial;
    -webkit-overflow: initial;
    background-color: blue;
  }
}

.overflow-an{
  animation: 2s overflow ease;
  animation-fill-mode: forwards;

  -webkit-animation: 2s overflow ease;
  -webkit-animation-fill-mode: forwards;
}