代码片段(注意使用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
感谢反馈。 bug 已经确认。
但 iOS 系统的 bug 我们也没法处理，建议换种方式实现。（ iOS 关于 transform 与其他部分 CSS 样式组合使用时的问题比较多，建议尽量绕开。）