CSS:为什么当悬停停止时，悬停动画会停止？

CSS中的悬停动画停止是因为CSS中的悬停效果是通过:hover伪类来实现的。当鼠标悬停在一个元素上时，会触发:hover伪类的样式，从而改变元素的外观。但是一旦鼠标移开，元素就不再处于悬停状态，所以悬停动画也会停止。

这种行为是CSS规范中定义的，主要是为了保持用户界面的一致性和可预测性。当用户将鼠标移开时，悬停动画停止可以帮助用户明确地知道他们已经离开了该元素，避免了动画持续播放可能引起的混淆和困惑。

然而，如果希望在悬停停止时继续播放动画，可以使用JavaScript来实现。通过监听鼠标移入和移出事件，可以在悬停停止时继续播放动画。具体实现方式可以使用JavaScript的事件监听器和CSS动画属性来控制元素的动画效果。

关于CSS动画和:hover伪类的更多信息，可以参考腾讯云的CSS动画教程和:hover伪类的官方文档：

• CSS动画教程：https://cloud.tencent.com/developer/doc/1101
• :hover伪类官方文档：https://cloud.tencent.com/developer/doc/1102