Почему эта CSS анимация не работает на IOS?

Question

У меня есть этот ключевой кадр, который вращает текст, все хорошо в настольном компьютере и браузерах android, но в IOS анимация не работает, текст только исчезает.

@-webkit-keyframes texttrans{
  from{-webkit-transform:rotateY(0deg);}
  50%{-webkit-left:56%;-webkit-transform:rotateY(180deg);-webkit-transform:rotateX(0deg); -webkit-opacity:1;}
  75%{-webkit-left:56%;-webkit-transform:rotateX(360deg); -webkit-opacity:1;}
  100%{-webkit-left:56%;-webkit-transform:rotateX(360deg); -webkit-opacity:1;}
}

@keyframes texttrans{
  from{transform:rotateY(0deg);}
  50%{left:56%;transform:rotateY(180deg);transform:rotateX(0deg); opacity:1;}
  75%{left:56%;transform:rotateX(360deg); opacity:1;}
  100%{left:56%;transform:rotateX(360deg); opacity:1;}
}