css - 如何减少鼠标悬停时的 CSS 动画？

Question

这是一个非常笼统的问题，所以我没有提供代码。
我昨天尝试了各种 CSS 动画，但是，我无法使用 CSS 中的 :hover 伪元素来控制它们中的任何一个。当用户将他/她的鼠标移到分区上时，我基本上不想放慢动画速度。

纯 CSS 解决方案将不胜感激。 :) 提前致谢。

Answer 1

没有“通用方式”可以做到这一点。您将需要找到一些解决方法。

在悬停时减慢 CSS 动画速度的最常见解决方法是在元素及其父元素上应用相同的动画，并在悬停时使用 animation-play-state: paused; 暂停动画。 (或者反过来使用 animation-play-state: running;)

EXAMPLE (来自这个答案: Change the Animation speed on hover )

正如您想象的那样，这并不适用于所有动画，您需要在每种情况下都发挥创造力才能找到解决方案。