问题:
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; }
复制