代码片段(注意使用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 样式组合使用时的问题比较多,建议尽量绕开。)