【问题标题】:How to reduce CSS animation on mouse over?如何减少鼠标悬停时的 CSS 动画?
【发布时间】:2014-07-13 21:43:41
【问题描述】:

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

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

【问题讨论】:

    标签: css


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-05-04
      • 2011-12-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-09-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多