CSS悬停过渡

文章/答案/技术大牛

发布

1回答

我的CSS转换有问题

、

下面是示例代码：transition: all .3s ease-in;

浏览 1提问于2011-12-14得票数 1

回答已采纳

1回答

Twitter引导程序按钮转换

、

当我将鼠标悬停在按钮上时，CSS过渡只在悬停时播放。这是我的CSS： .container {

浏览 1提问于2013-05-03得票数 2

回答已采纳

1回答

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

我将对div使用下面的CSS规则 transition-duration: 0.2s;问题是，目前的行为是从右到左的过渡方向。有没有办法让过渡走到相反的方向，即从左到右？感谢你的任何帮助

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

2回答

CSS Hover不同的开关转换

、

例如，我认为可以通过悬停来触发过渡。然后，浏览器将使用在原始未悬停css上指定的持续时间从原始css转换为悬停css。但是，如果我希望从非悬停到悬停的过渡是即时的呢？从实验来看，如果我将transition: color 0s;添加到我的悬停css中，它就会工作。但对

浏览 3提问于2013-06-03得票数 3

回答已采纳

2回答

转换背景-图像/css在悬停时发生变化？

、

我在另一个div中有一个缩略图，当缩略图悬停时，我希望父div淡出/过渡到缩略图的背景，然后在悬停后淡入淡出到原始图像。 $(".alt-img").hover( originalBG = $(this).parent().css('backgroundImage'); ho

浏览 0提问于2010-06-02得票数 1

回答已采纳

2回答

我是否可以仅在悬停时应用CSS过渡？

、、

如果您将过渡放置在下面，CSS过渡属性可以让您在悬停-输入和悬停-输出上都设置动画： opacity:0;} opacity:1;但是，如果转换为:hover状态，则仅在悬停时发生。opacity:0;#outer:hover #inner{ transition:opacity 2000ms;是

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

回答已采纳

3回答

使用CSS3触摸事件的悬停效果

、、

我正在使用CSS3悬停和过渡来显示和隐藏图像。在移动设备上，我想对触摸事件使用相同的过渡。我不想使用JavaScript来做这件事。如果有一种方法可以用纯CSS3实现，那将是最好的选择。

浏览 2提问于2011-12-01得票数 40

1回答

我有一个链接，当你悬停在顶部，应该显示一个下拉菜单。我希望这个下拉菜单在出现/消失时有一个转换。当前，当我在链接上悬停时，下拉菜单会在其中切换，当我将光标从链接移开时，它就会退出。问题是，下拉菜单(一旦再次隐藏)仍然“悬停”片刻，当我悬停在可以看到它的位置时，它就会再次出现(参见此处：)。我相信这是由于退出过渡所造成的滞后。当我移除过渡效果时，我没有这个问题。是否有办法在不导致退出时造成这种滞后的情况下保持过渡效果？我可以加快出口过渡吗？我

浏览 1提问于2016-06-05得票数 2

回答已采纳

1回答

什么时候加载和触发CSS转换？

下面是一个CSS代码片段，用于在悬停按钮时将按钮从#33ae74转换到#1ce。我的问题是:在鼠标悬停之前，没有过渡绑定到按钮，为什么当鼠标悬停时过渡会起作用？在另一种情况下，当鼠标悬停时，过渡绑定到按钮上，同时背景颜色也立即更改为#1ce，因此应该不会有颜色过渡。

浏览 0提问于2021-03-29得票数 0

1回答

在javascript中为特定属性设置转换不起作用

、、、、

当悬停一些文本来改变颜色时，我在CSS中使用了transition(0.3s)，但我也在Javascript中使用了transition来“翻译”文本。我现在的问题是，当我悬停它们时，它们不再使用CSS (0.3s)中的过渡，而是我在javascript中设置的过渡。我尝试使用element.style.transition = "translate 5.4s ease“，或者在css中为特定属性设置延迟，但在vain.How中，我只能为translate设置

浏览 14提问于2021-07-03得票数 0

1回答

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

、、、、

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

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

4回答

jQuery UI ToggleClass CSS悬停

、、、、

当我悬停“测试产品”时，会出现一个放大镜。到现在为止还好。我希望过渡顺利，有效的淡出。我仍然希望在CSS中保留尽可能多的内容，并在jQuery / jQuery UI中进行延迟/淡入。它切换类“悬停”，但延迟部分根本无法工作。过渡是即时的，而不是缓慢地褪色。

浏览 7提问于2011-11-15得票数 2

回答已采纳

2回答

Css过渡悬停梯度

我有一个关于过渡效应的问题。我创建了这个我想为悬停添加一个过渡效果。但这是行不通的。这里有人能帮我吗？

浏览 7提问于2014-10-15得票数 0

回答已采纳

3回答

CSS转换容易进入并没有破坏悬停时的图像。

、

我试图为我的网站的投资组合部分设置过渡，我需要对投资组合拇指悬停的效果，我有以下的CSS代码： height: 100%;}hover { filter: alpha(opacity=50); }有人能帮忙吗？

浏览 5提问于2015-11-18得票数 0

回答已采纳

2回答

、

我有一个关于我的css悬停效果的问题。问题是在图像上盘旋。如果您单击我的演示页面，那么您将看到我的脚本中有什么问题。当你用鼠标在图像上悬停时，第一张图像是可以的，但当你移动另一张图像时，我的渐变颜色向左移动。.abo_im { width:170px;overflow:hidden; -webkit-transiti

浏览 1提问于2014-09-26得票数 0

回答已采纳

3回答