Skip to content

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

@java0racle

Description

@java0racle
  • tags: -webkit-transform:rotate
  • platform:mobile
描述

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

解决方案

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

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

xx

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions