IOS兼容：(苹果13promax)backface-visibility: hidden；翻转展示一半

解决方案：在旋转动画上加一个z轴 translateZ

表现：翻转展示一半

相关css
backface-visibility: hidden；//翻转隐藏背部
transform-style: preserve-3d;//子元素保留3d

解决方案 ：动画增加translateZ(1px)

@keyframes animation1 {
  from {
    transform: rotateY(0deg) translateZ(1px);
  }
  to {
    transform: rotateY(180deg) translateZ(1px);
  }
}