动画仅在DOM的鼠标悬停状态下出现故障

如果您的动画在DOM的鼠标悬停状态下出现故障，可能是由于以下原因之一：

1. CSS选择器问题：请确保您的CSS选择器正确地应用于鼠标悬停状态下的元素。检查您的CSS代码，确保选择器与目标元素匹配，并且在鼠标悬停状态下应用了正确的样式。
2. 事件处理问题：如果您使用JavaScript或jQuery来处理鼠标悬停事件，并且动画是通过事件处理程序触发的，那么可能是事件处理代码中存在问题。检查您的事件处理代码，确保它正确地触发动画，并且没有其他冲突或错误。
3. 动画效果冲突：如果您同时使用CSS动画和JavaScript动画，可能会导致冲突。确保两种动画效果之间没有冲突，例如重复的动画效果或不兼容的样式更改。
4. 性能问题：某些复杂的动画效果可能会对性能产生负面影响，特别是在鼠标悬停状态下。如果您的动画涉及大量计算或频繁的DOM操作，可能会导致性能问题。尝试优化您的动画代码，减少不必要的计算和DOM操作，以提高性能。
5. 浏览器兼容性问题：某些浏览器可能对动画效果的支持有所不同，特别是在鼠标悬停状态下。确保您的动画代码在目标浏览器上进行了充分测试，并且没有与特定浏览器不兼容的问题。