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;
}