CSS动画和动画:悬停

文章/答案/技术大牛

发布

1回答

如何让jquery像CSS一样悬停？

jquery、css、hover

我在这里用jquery和css代码制作了两个悬停效果： jquery hover和css hover是有区别的。对于jquery悬停，如果您在框上移动鼠标很短的时间并快速离开框，它将运行鼠标进入和鼠标离开动画，并将完成它们，而鼠标在鼠标进入动画结束后没有在框上...但对于css悬停，如果您悬停框，悬停效果将运行鼠标离开动画，如果您将鼠标停留在框

浏览 0提问于2012-08-31得票数 1

1回答

jQuery背景动画在窗口加载时启动

jquery、html、animation

{ var y = 0; banner.cssbackgroundPosition', x + 'px' + ' ' + y + 'px'); banner.css当我将鼠标放在#header_banner上时

浏览 2提问于2014-03-09得票数 0

1回答

CSS不同的非悬停动画(CSS禅园示例)

css、css-animations

刚刚在上看到这个CSS的动画，并且想要重新创建动画，当你在中间卡上悬停时，它就开始了。通常，站点提供一个CSS样式表，但在这个示例中我找不到任何CSS样式表。悬停动画部分只是一个动画，首先翻译y轴，然后改变透视图。我的问题是，我真的不知道这个动画的未悬停部分是如何工作的，因为首先卡片必须保持悬停动画的结束状态，然后它首先在y轴上转换，然后放大，所以它不是

浏览 0提问于2021-02-18得票数 3

回答已采纳

2回答

为什么CSS* Hover的行为是片状的？*

css、css-animations

我想要创建一个按钮(只使用css和html)，它在悬停时显示另一个按钮，在它的最底层轴上旋转。我一直都很成功：但是，正如你可以在我的笔上看到的，悬停行为充其量是片状的，它重置了光标的任何移动上的动画。为什么会发生这种事？-webkit-animation-fill-mode: both;不是应该在选择器关闭后逆转动画吗？

浏览 6提问于2014-06-17得票数 1

回答已采纳

2回答

css

我想要加载开始的动画，然后:悬停以添加另一个动画。问题是，在我离开元素(而不是悬停)之后，它会返回到它的第一个动画并重复它。有什么方法可以避免这种情况发生吗？

浏览 16提问于2019-02-03得票数 2

1回答

如何在像过渡一样悬停后反转动画？

html、css、css-transitions、css-animations

CSS转换以动画形式返回到前一个状态，并遵循相反的转换规则。但动画不会。它们只是突然返回到原始状态(例如，当:hover或类被移除时)。有没有办法让动画表现得像过渡一样(就像下面的代码一样)？

浏览 1提问于2019-07-08得票数 0

1回答

这些过渡和副作用如何在这个网站上完成？

javascript、html、css、effects

我看了一段关于令人敬畏的网站的视频。有个网站有很多很酷的效果。您可以访问这里的网站：

浏览 7提问于2022-11-20得票数 -1

3回答

CSS:将效果从一个元素链接到另一个元素

jquery、css

我有图像A和图像B，它们位于页面上的不同位置。当鼠标悬停在图像A上时，会附加一个css动画。当鼠标悬停在图像A上时，我想为图像B附加和触发相同的动画。我应该更好地使用jQuery吗？如果是jQuery，那么如何在元素上触发css动画？

浏览 2提问于2012-04-02得票数 0

回答已采纳

1回答

使用JavaScript实现文本动画

javascript、jquery

如何在此页面上创建类似的文本动画。当你将鼠标悬停在主菜单项上时，该菜单项会随机启动，并在该菜单标题中为每个菜单项设置动画。

浏览 10提问于2016-09-18得票数 1

4回答

悬停动画

css、animation

对一些CSS3动画有一个轻微的问题。下面是CSS代码：-webkit-animation-iteration-count: once; -webkit-animation-fill-mode

浏览 0提问于2013-11-28得票数 1

回答已采纳

1回答

使用CSS从另一个DIV进行滑动过渡

html、css

我正在做一个使用HTML/CSS/Javascript的学校项目，我几个小时来一直在努力解决的一个问题是一个过渡，一个div从另一个后面滑下来，就像一个滑盖手机，你可以把键盘从屏幕后面滑出来。我有悬停功能和一切，除了动画实际工作。

浏览 19提问于2021-05-30得票数 0

回答已采纳

1回答

CSS3

javascript、html、css

我试图复制当您在这个网站上的一个按钮上悬停时发生的效果：帮助感激。

浏览 3提问于2016-01-24得票数 1

回答已采纳

1回答

Javascript嵌套菜单幻灯片？

javascript

我做了一个嵌套菜单滑下来，但问题是，如果你不断地悬停在li上，让嵌套的ul滑下来，当你悬停时，它会继续做动画，就像你快速地悬停和关闭时它没有完成一样多次。我想让它不会注册动画，直到它完成所有的上升和下降，以防止动画时，你不是悬停。这是我的Javascript： $(" ul ul ").css({ display: "n

浏览 2提问于2013-01-24得票数 0

2回答

angular 2动画vs css动画-什么时候使用什么？

css、performance、angular、css-animations、angular2-animation

我目前正在尝试Angular2的动画，我想知道它们比标准css动画/过渡带来了什么具体的优势。我在某处读到一些css动画属性不会调用GPU那么多，因此会有一些延迟和滞后。那angular2动画呢？

浏览 0提问于2016-12-03得票数 43

回答已采纳

2回答

Jquery悬停和动画缺陷

jquery、css、jquery-animate

尝试在我的演示中以非常快的速度盘旋您将看到缺陷，因为当动画事件运行时，用户可能会再次悬停，如何克服这种问题？

浏览 2提问于2014-09-29得票数 1

回答已采纳

2回答

悬停在div上有时不会改变到原来的颜色

javascript、jquery、html、css

当我悬停在其中任何一个，我希望它改变为灰色，然后回到原来的颜色，当我的鼠标离开元素。var originalColor; function() { backgroundColor: originalColor }它按其应有的方式动画化背景变化然而，即使在我鼠标退

浏览 6提问于2014-07-28得票数 0

回答已采纳

1回答

三维过渡的jQuery动画

javascript、jquery、css、jquery-animate、transform

实际上，我正在尝试创建一个3D菜单，在悬停时使用CSS3转换和jquery动画。animate({ trans: 55 }, { $(this).css('-webkit-transform','rotateY('+now+'deg)'); $(this).<

浏览 6提问于2016-06-02得票数 0

回答已采纳

1回答

在CSS悬停时为div设置动画

animation、css、keyframe

我正在尝试使用CSS3的@keyframe规则在悬停时为div设置动画。动画的代码位于的最底部(就在慷慨标记的"HERE BE动画“注释ASCII之后)。这包括@keyframe规则、div和div:hover。我想要这个动画的页面是。由于某些原因，动画不起作用；这是我第一次尝试使用CSS动画，所以可能有一些初学者的错误。

浏览 1提问于2012-04-12得票数 1

回答已采纳

1回答

如何在jquery中重新启用按钮悬停

javascript、jquery、html、css

我试图在点击时禁用动画，因为当点击时，动画开始移动，如果你仍然悬停在它冻结的对象上，最终结果是动画停止运行，它只是移动，function show_box() { $('.tab-content').hide(0, $(this).prev().cssthis).prev().childre

浏览 0提问于2014-04-13得票数 1

1回答

CSS动画:悬停和悬停

html、css、hover、css-animations、css-transitions

我试着制作一个在悬停和悬停时触发的动画。我没有使用转换属性，因为动画非常复杂。悬停时的：缩放元素，从100% => 150% => 130% 悬停:放大元素从130% => 80% => 100% 悬停是完美的，但是悬停总是在启动时运行。当被悬停时，它应该有活力。然后尝试设置CSS var --anim-hover-out: none，因此在启动时没有动画。

浏览 0提问于2020-12-24得票数 3

点击加载更多

如何让jquery像CSS一样悬停？

jQuery背景动画在窗口加载时启动

CSS不同的非悬停动画(CSS禅园示例)

为什么CSS* Hover的行为是片状的？*