这是困扰我几天的事情。
我有一个用于按钮的精灵表，在悬停/单击/任何问题上播放序列都没有问题，看起来很棒（当然，链接中的图像只是一个简单的例子）。假设我还希望该序列在鼠标移出时反转，在 Firefox 中这可以正常工作。然而，在 Chrome 和 Safari 中，图像在反向播放序列时似乎“摇晃”。
此示例显示了问题的快速模型。尝试将鼠标悬停在图像上，它将播放序列，当您将鼠标移出时，它将反转它。在 Firefox 中这看起来不错，但在 webkit 浏览器中它会摇摆不定。
图像序列没有问题，webkit 和 moz 的代码是相同的......我只能断定这是一个错误。
显然，在这种情况下，我可以简单地包含一个额外的 15 个序列颠倒的帧……但这似乎是对资源的不必要浪费。
有谁知道解决这个问题的方法？我已经尝试过使用多个精灵表、多种激活动画的方式和不同的 webkit 动画设置......只有当它设置为从右到左播放图像时才会出现问题，即。相反。