CSS 过渡已设置为在悬停时增加 transform:scale(x) 属性。它按预期工作，但有时播放中的元素将保持增加的比例值，而不是恢复到原始比例值。
似乎在大多数情况下，退出元素的悬停状态时一切正常。但是，在某些情况下，退出元素上的悬停状态会导致另一个元素“捕捉”到悬停状态。
我不确定是什么原因造成的，因为它似乎是随机发生的。如果您只是随意将鼠标悬停在元素上，您几乎会立即看到它。 (/edit/- 尝试将鼠标悬停在一个元素上，然后用鼠标退出 DOWN。然后返回 UP 到另一个元素顶部的内容区域。这似乎是触发问题的最一致的方式)
抱歉这个看起来很荒谬的例子 - 我不得不删除以前的图像，因为文件路径很敏感。
/edit/- 似乎是 forwards 的 animation-fill-mode 值导致了这个问题，但原因尚不清楚。考虑到此值旨在将其最终(100% 帧)css 值应用于元素，包含 forwards 似乎不会导致此问题。事实上，它似乎应该更正它。
有人对这个问题的原因有任何意见吗？它是 Chrome 独有的还是存在于其他浏览器中？
最佳答案
我认为这是 Chrome 中的某种错误。
问题似乎与动画中的 forwards 属性有关；我删除了它，错误似乎消失了。
无论如何都不需要，因为 100% 关键帧是比例 (1, 1) 不透明度 (1)
关于css - 为什么我的 css 转换有时会在退出悬停后保持悬停状态？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20975971/