为什么我的css转换有时会在退出悬停后保持悬停状态？

CSS转换已设置为增加悬停时的

transform:scale（x）

属性。它按预期工作，但有时游戏中的元素将保持增加的比例值，而不是恢复为原始比例值

似乎在大多数情况下，当退出元素的悬停状态时，一切都正常工作。但是，在某些情况下，退出元素的悬停状态将导致另一个元素“捕捉”到悬停状态

我不确定这是什么原因造成的，因为这似乎是随机发生的。如果你只是随意地把鼠标放在元素上，你几乎马上就能看到它。（/edit/-尝试将鼠标移到某个元素上，然后用鼠标向下退出。然后返回到另一个元素顶部的内容区域。这似乎是触发问题的最一致的方式）

很抱歉这个看起来很可笑的例子-我不得不删除以前的图像，因为文件路径很敏感

/编辑/-似乎是

向前

的

动画填充模式

值导致了此问题，但原因尚不清楚。考虑到此值将应用于元素的最终（100%帧）css值，因此包含

forwards

似乎不会导致此问题。事实上，它似乎应该纠正它

---

是否有人对此问题的原因有任何意见？它是Chrome独有的还是在其他浏览器中仍然存在？

我认为这是Chrome中的某种缺陷

问题似乎与动画中的向前属性有关；我把它移走了，虫子似乎消失了

---

因为100%关键帧是缩放（1，1）不透明度（1）

无法复制，所以无论如何都不需要。特定于浏览器？是的，我在IE方面特别有问题。。甚至还有一些是谷歌浏览器。当我尝试类似的事情时。我使用的是Chrome v31.0.1650.63-我增加了悬停状态的缩放属性，以便在出现此问题时产生更明显的效果-尝试将鼠标移到某个元素上，然后将鼠标移到父分区外。然后将鼠标移到父分区内的另一个元素上。当鼠标离开父对象并随后将鼠标悬停在与前一个不同的元素上时，此问题似乎最常见。有人能够重现此问题吗？-我想创建一个只使用CSS（无javascript/jquery）的效果，在悬停时扩展每个图像，在不悬停时将其返回到原始大小。我可以重现这个问题。31.0.1650.63米。似乎也与运动的速度有关；慢慢移动你的鼠标不会让它发生。这让人困惑，但它确实有效。但我不明白为什么会这样。W3C将

向前

的

动画填充模式

值定义为：“动画结束后（由动画迭代计数确定），动画将在动画结束时应用属性值。”因为您提到的css值在动画开始和结束时相同，如果我使用

转发

或

正常

都不重要，我会很乐意将您的答案标记为已接受的答案，我只想给其他人一个机会回答最初的问题-特别是，如果有人能解释为什么会发生此错误，以及它是否会在其他浏览器中持续，这将是非常好的，正如您所说，不管你是用远期还是普通的。这显然是一个bug，所以逻辑在这里不适用。但是，在一切都一样的情况下，让事情尽可能简单总是一个好主意。普通比转发更简单（至少对于浏览器而言）