仅取消悬停动画css

文章/答案/技术大牛

发布

1回答

html、css

我为一个按钮写了一个动画。当我在它的父母中悬停时，它会从右向左滑动一点。我想写一个动画，当我把鼠标放在"product-list-item“上时，它会有一个延迟和消失的速度减慢，就像我悬停鼠标一样。

浏览 2提问于2019-12-01得票数 1

回答已采纳

1回答

引导悬停和单击事件冲突时，用于聚集菜单的悬停和单击事件

jquery、html、css、twitter-bootstrap、responsive-design

我有一个带有子菜单的导航菜单，我被要求同时拥有这些菜单的click和hover功能，以便当网站在桌面上查看时，它使用悬停来查看子菜单，并使用点击事件在移动设备上查看。参考:我使用了以下主题：http://htmlstream.com/unify/，但我对代码进行了一些修改，使其具有悬停功能。悬停事件基于以下内容：https://github.com/CWSpear/twitter-bootstrap-hover-dropdown 我非常感谢在这方面的帮助。

浏览 2提问于2013-08-23得票数 1

2回答

CSS动画和动画:悬停

css

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

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

1回答

不同的淡出速度

html、css

我开始练习一些CSS3动画。我这里有一些示例代码：我想知道，当取消悬停时，我如何为动画指定更长的持续时间。目前，当我悬停时，它似乎需要相同的时间和设置来应用样式来删除它们。我想将其设置为在取消悬停时，背景颜色需要更长的时间(放大到大约2秒)才能淡出到正常状态，但在悬停时仍然需要0.1秒才能淡出。

浏览 1提问于2011-09-19得票数 1

回答已采纳

1回答

动画延迟在CSS3关键帧只有CSS？

css、animation、delay、keyframe

我正在和某人讨论CSS3在点击和悬停时制作动画的能力，我决定做一个小测试来展示它们。我决定做一点边界推送，这样当你将鼠标悬停在动画上时，动画就会发生，当你取消悬停时，它会等待3秒，然后运行动画将它放回原处。然而，问题是，当页面加载时，它会运行“取消悬停”动画。下面的代码所做的是，当你将鼠标悬停在红色框上时，它的动画是蓝色的。当您取消</

浏览 0提问于2015-08-04得票数 1

1回答

CSS -如何确定过渡的方向？

css

我将对div使用下面的CSS规则 transition-duration: 0.2s; transition-timing-function

浏览 1提问于2015-01-06得票数 0

1回答

过渡后悬停-半径不平滑

html、css、css-animations

我有一个css过渡谁是完美的悬停工作，但如果我们取消悬停它在动画的结尾，在按钮的左侧有一块:after谁溢出的按钮。看起来动画在没有border-radius的情况下又回到了正方形我的按钮的小提琴：Fiddle

浏览 13提问于2021-09-15得票数 0

回答已采纳

2回答

如果我通过javascript设置不透明度，则CSS悬停事件将被取消。

javascript、jquery、css

我试图使图像fadeIn效果，我设置jQuery动画方法实现淡入效果，我发现我注册的悬停事件已被取消。$('img').animate({}, 1500);img {img:hover {

浏览 6提问于2013-09-02得票数 2

回答已采纳

3回答

当我鼠标快速移动时，jQuery悬停会被卡住

jquery、css、hover、mouseover

我有一个按钮，上面写着“订阅”，当用户鼠标在上面移动时，我想用另一个写着“取消订阅”的按钮来代替它。这是我到目前为止所得到的。("display","none"); },function(){ $('#unsubscr

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

回答已采纳

1回答

动画只影响css-doodle的第一个元素

css、css-animations、css-doodle

当鼠标悬停在涂鸦上时，我想做随机的“闪烁”效果。为此，当用户将鼠标悬停在涂鸦容器上时，我将动画名称blink存储到一个变量中。出于某些原因，动画仅应用于网格的第一个元素。有没有一种方法可以将动画应用于所有元素？CodePen：https://codepen.io/entityinarray/pen/mdbRPRz <html> <script src="https://unpkg.c

浏览 16提问于2019-08-23得票数 1

回答已采纳

2回答

暂停图像悬停而不是空白区域- HTML、CSS

html、css

我有一个问题与我的CSS字幕，其中图像从右向左移动。现在，当我在"SPAN“、空白区域或图像中的任何位置悬停时，动画都会暂停。我希望动画在悬停时暂停，仅当悬停在图像上时；当悬停在"SPAN“内的空白区域时，动画应该正常运行。alt="" /> <img src="images/upcoming02.png" alt=&q

浏览 1提问于2017-01-19得票数 3

1回答

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

html、css

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

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

回答已采纳

1回答

取消悬停时的CSS3动画

css、animation、hover

我正在寻找一种方法，以完全取消CSS3动画时，div悬停。目前，div有一个动画，当页面加载时播放，显示页面菜单3秒，然后淡出。此外，同一div还应用了:hover伪类，用于显示悬停时的菜单。问题是，如果用户在动画过程中将鼠标悬停在菜单上，它在3秒后仍会淡出，然后由于:hover伪类而重新出现。有没有办法阻止这种情况的发生？我的目标是，如果菜单没有悬停在上面，它会像往常一样显示和淡出-但是，如果菜单在这3秒内悬停，

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

5回答

jQuery动画在悬停时会重复出现吗？

jquery、animation、jquery-animate

).removeClass("animate");$(this).addClass("animate");当您将鼠标悬停在.test元素上时，它会添加一个animate类，从而触发动画。在动画结束时，animationEnd删除了animate类。但是，如果您将鼠标悬停在动画上直到它完成，然后在动画完成后取消悬停</e

浏览 2提问于2013-07-04得票数 0

回答已采纳

3回答

如何在物料界面中禁用IconButton涟漪效果？

reactjs、material-ui

当悬停按钮时，它会显示一个椭圆形的悬停在其中。我试着通过给它但它并不能帮我做到这一点works.Please。 

浏览 46提问于2020-03-06得票数 6

回答已采纳

3回答

这段jQuery代码有什么问题？

jquery

我写了一小段代码来绑定鼠标悬停在表单中的提交按钮上： ( jQuery(this).css('cursor','pointer'); function () { jQuery(this).css('cursor','

浏览 0提问于2010-05-12得票数 0

回答已采纳

3回答

搜索输入滑出按钮悬停CSS3？

jquery、css、input、hover

当我将鼠标悬停在input框中的"Search“文本上时，我设法让input字段滑出。但我更愿意让幻灯片动画悬停在"GO“按钮上(也可以提交)。我想将.search input {width:80px;}更改为30px，以便在搜索按钮悬停之前隐藏input字段，但我不确定如何只让该按钮触发此动画。

浏览 1提问于2012-11-16得票数 5

回答已采纳

2回答

如何在悬停图像时放置GIF？

javascript、html、css、hover、gif

我是一个网络开发的初学者，最近我开始使用html，css i js制作我的第一个网站。我想把2个图像，将在页面的中心超链接(一个在左边，一个在右边)。我希望我的GIF在我悬停这两个图像时出现(GIF在我悬停在图像上时开始，在我取消悬停时结束)。此外，GIF将有文本覆盖和其他一些悬停动画。有什么能帮到我的吗？

浏览 35提问于2020-12-03得票数 0

1回答

jQuery -单击时取消绑定和重新绑定悬停

jquery、hover

单击项时，我希望解除绑定并重新绑定悬停样式。('transform', 'scale(' + 0.9 + ')'); }因此，当没有悬停或单击事件时，它最初的样子如下：当我悬停在它上面时，所有其他图像都会缩小，变成灰色，而悬停在上面的元素会变大，没有灰度(在本例中，我在幻影上空盘旋)现在，当我点击幻影，我想冻结每一个鼠标和鼠标的每一个重商主义。然而，例如，当我取消单击幻影时，我想要解冻

浏览 2提问于2017-11-14得票数 0

回答已采纳

2回答

水平控制列表项的位置

html、css、position、html-lists、css-position

我有一个<ul>的项目，谁会变得更大(与动画)悬停。现在，我将它们设置在屏幕的右侧(使用CSS right:0em表示<li>类)，并将<li>在hove上的位置设置为fixed，这样只有它在增长时才会向左移动，并且所有<li>对象都将保持在右侧。问题是，由于这个原因，当我悬停在上面时，下一个项目就会“在”它下。我怎么才能改变呢？(是否有一种方法仅控制<li>在悬停时的水平位置属性？) 代码：

浏览 2提问于2012-11-26得票数 0

回答已采纳

点击加载更多