代码片段(注意使用iphoneX或者iphoneXR真机调试)： https://developers.weixin.qq.com/s/wsPLPDmI7nDP

附上部分代码：

@keyframes test {

0%{

transform: rotate(0);

opacity: 0;

}

100%{

transform:rotate(190deg);

opacity: 1;

}

}

以上代码使用iPhoneX真机调试只有opacity动画是正常的，transform不会旋转。当去掉opacity后才能正常动画。

使用的iPhoneX系统为16.0、微信版本为8.0.29、基础库版本2.27.2