这件事现在让我烦恼了几天。
我有一个用于按钮的spritesheet,在悬停/点击时播放序列/无论什么都没有问题,看起来很棒(链接中的图像当然只是一个简单的例子)。假设我也希望该序列在mouseout上反转,在Firefox中它可以正常运行。然而,在Chrome和Safari中,当它播放序列时,图像似乎“摇摆” 反转。
此示例显示了问题的快速模拟。尝试将鼠标悬停在图像上,它将播放序列,当您将鼠标移出时它将反转它。在Firefox中,这看起来很好,但在webkit浏览器中它会摇摆不定。
图像序列没有错,webkit和moz的代码相同......我只能断定它是一个bug。
显然,我可以简单地再添加一个15,在这种情况下,框架的序列相反......但这似乎是不必要的资源浪费。
有谁知道解决此问题的方法?我尝试过多个精灵表,激活动画的多种方式和不同的webkit动画设置......只有在设置从右到左播放图像时才会出现问题,即。相反。
答案 0 :(得分:0)
看起来像个错误。大概。我提交/搜索以查看是否有其他人报告过它。