问题:
ios 动画transition不执行
方案:
系统ios16 以下
- 加初始值:例如
.xx{
transform: rotateY(0.001deg); // 不能是0
}
.xx.animation{
transform: rotateY(360deg);
transition: all 1s ease-in-out;
}
- 动画延迟执行
.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;
}