收藏
回答

animation中设置transform:rotate旋转超过180度后没有动画(ios)

代码片段(注意使用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

回答关注问题邀请回答
收藏

1 个回答

  • LastLeaf
    LastLeaf
    2022-11-10

    感谢反馈。 bug 已经确认。

    但 iOS 系统的 bug 我们也没法处理,建议换种方式实现。( iOS 关于 transform 与其他部分 CSS 样式组合使用时的问题比较多,建议尽量绕开。)

    2022-11-10
    有用
    回复
登录 后发表内容