关于CSS3 启动GPU加速改善安卓机上动画不流畅,而rotateZ无法按照给定的角度值转动很多圈,旋转角度会就近变化的问题

移动端 用CSS3 transform:rotateZ 做了一个轮盘转动,要求先转动5圈,再停在指定角度。安卓机上效果不流畅。通过使用rotate3d()开启GPU 提升性能。但是在真机上出现旋转角度是就近变化 。不会按照设置的旋转5圈,会直接转向结果位置,旋转方向也按照结果位置旋转。请问有什么解决办法吗?

阅读 1.3k
1 个回答

看了三遍你的问题,还是有点晕。我归纳一下:

  • 需求: 转盘先转动五圈,然后停在某个指定的角度....
  • bug: 安卓机卡顿不流畅

    • 解决方案: 使用rotate3d()提升性能

      • bug: 真机测试旋转角度就近变化,直接转向结果位置,旋转方向也按照结果位置旋转.

看不懂:

  • 旋转角度就近变化是什么意思??
  • 直接转向结果位置,旋转方向也按照结果位置旋转又是啥意思??

可以贴一下代码么??

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏