【发布时间】:2014-07-13 21:43:41
【问题描述】:
这是一个很笼统的问题,所以我没有提供代码。
我昨天尝试了各种 CSS 动画,但是,我无法使用 CSS 中的 :hover 伪元素来控制它们中的任何一个。当用户将鼠标放在分区上时,我基本上不会减慢动画速度。
纯 CSS 解决方案将不胜感激。 :) 提前致谢。
【问题讨论】:
标签: css
这是一个很笼统的问题,所以我没有提供代码。
我昨天尝试了各种 CSS 动画,但是,我无法使用 CSS 中的 :hover 伪元素来控制它们中的任何一个。当用户将鼠标放在分区上时,我基本上不会减慢动画速度。
纯 CSS 解决方案将不胜感激。 :) 提前致谢。
【问题讨论】:
标签: css
没有“通用方法”可以做到这一点。您需要找到一些解决方法。
在悬停时减慢 CSS 动画的最常见解决方法是在元素及其父元素上应用相同的动画,并在悬停时使用 animation-play-state: paused; 暂停一个动画。 (或animation-play-state: running; 反过来)
EXAMPLE(来自这个答案:Change the Animation speed on hover)
正如您想象的那样,这并不适用于所有动画,您需要在每种情况下都发挥创造力才能找到解决方案。
【讨论】: