带圆圈的指针图片rotate，部分机型会抖动，比如iPhone4

[java0racle]

• tags: -webkit-transform:rotate
• platform:mobile

描述

在抽奖动画方案中，利用中间的指针部分（指针由针头和末尾的圆组成）做旋转达到抽奖效果。动画启动肉眼可发现指针在抖动。

解决方案

图片切成只有指针的针头部分，指针末尾的圆圈跟背景奖盘是一张整体的图片，肉眼看不出来抖动

相关代码

-webkit-transition: all 3s ease-in-out 0;
-webkit-transform:rotate(360deg);