IOS手机系统 transition css3动画不执行

问题：

ios 动画transition不执行

方案：

系统ios16 以下

1. 加初始值：例如

.xx{
transform: rotateY(0.001deg); // 不能是0
}
.xx.animation{
transform: rotateY(360deg);
transition: all 1s ease-in-out;
}

2. 动画延迟执行

.xx{
transform: rotateY(0deg);
}
.xx.animation{
transform: rotateY(360deg);
transition: all 1s ease-in-out;
transition-delay: 0.1s;
}

系统ios16 以上
注：要加上translateX translateZ

.xx{
transform:translateX(0) translateZ(0px)  rotateY(0deg);
}
.xx.animation{
transform: translateX(-1px) translateZ(1000px) rotateY(360deg);
transition: all 1s ease-in-out;
transition-delay: 0.1s;
}