Webkit Wobble - Sprite 序列错误？

Question

这是困扰我几天的事情。

我有一个用于按钮的 spritesheet，在悬停/单击/任何情况下播放序列都没有问题，而且看起来很棒（当然，链接中的图像只是一个简单的示例）。假设我还希望该序列在鼠标移出时反转，在 Firefox 中这可以正常工作。然而，在 Chrome 和 Safari 中，图像在播放序列时似乎“摇晃” 反向。

http://jsfiddle.net/SzcQn/

此示例显示了问题的快速模型。尝试将鼠标悬停在图像上，它将播放序列，当您将鼠标移出时，它将反转它。在 Firefox 中这看起来不错，但在 webkit 浏览器中它会摇摆不定。

图像序列没有问题，webkit和moz的代码相同...我只能断定这是一个错误。

显然，我可以简单地包含额外的 15 个（在这种情况下）顺序颠倒的帧……但这似乎是不必要的资源浪费。

有人知道解决这个问题的方法吗？我已经尝试过使用多个精灵表、多种激活动画的方式和不同的 webkit 动画设置......只有当它设置为从右到左播放图像时才会出现问题，即。反过来。

Answer 1

看起来像一个错误。大概。我会归档/搜索以查看是否有其他人报告过。