css过渡(悬停和之后)

文章/答案/技术大牛

发布

1回答

html、css、properties、styles、css-transitions

我想做这样的事情:当光标转到.list-menu时，.list-menu::after将是 content: '';width: 50px;background-color: black; 所以我写了这样的代码：(photo link) .list-menu::after {} content: ''; widt

浏览 42提问于2021-11-11得票数 0

回答已采纳

1回答

Twitter引导程序按钮转换

css、twitter-bootstrap

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

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

回答已采纳

2回答

CSS3转换最初通过jQuery触发时不起作用

jquery、html、css、transition

我使用jquery来触发div的悬停，另一个div的调整大小：{}, function() $("#register").css("width", "0px");第二个div对它有一个过渡效应，它最初不影响更改，但在

浏览 1提问于2015-08-21得票数 2

回答已采纳

1回答

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

css

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

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

1回答

我的CSS转换有问题

css、css-transitions

下面是示例代码：transition: all .3s ease-in; 然而，当我试图单独完成它们时，它们都不起作用。

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

回答已采纳

3回答

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

mobile、css、css-transitions

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

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

2回答

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

css、hover、css-transitions

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

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

回答已采纳

1回答

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

html、css、css-transitions、css-animations

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

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

2回答

CSS Hover不同的开关转换

css、hover

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

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

回答已采纳

2回答

将鼠标悬停在外面以填写整个页面

css

我在页面中间有一个div，我怎么能把它悬停在外面来填充整个页面呢？

浏览 0提问于2018-05-26得票数 1

1回答

Css转换不是线性的

css、html、transitions

我正在尝试实现一些很好的过渡效果，当悬停在图像之后。(悬停div从与鼠标相同的方向出现)。我希望移动是在一条直线上，就像悬停出过渡，这工作得很好。这是html和c

浏览 0提问于2013-02-13得票数 0

2回答

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

javascript、jquery

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

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

回答已采纳

1回答

我正在尝试用CSS实现一个类似于菜单的幻灯片。除了过渡之外，它工作得很好。如果使用转换，元素将不再同步。如果多个元素在短时间内悬停，整个菜单将失去宽度。如果删除了转换，一切都会正常工作。在使用CSS过渡和悬停时有什么需要注意的吗？我认为一个transition-timing-function: linear;就足够同步宽度了。看起来淡出元素比淡入元素更早开始转换。如果一个元素被悬停，它就会被打开，而所有其他元素都会被折叠。当从折叠变为显示时，应该有一个

浏览 3提问于2016-06-22得票数 2

1回答

不应用从焦点到模糊的CSS过渡

css、transition

基本上，我在我的输入上使用CSS转换(仅用于border-color)。input:focus{ border-color:#D26D22; transition:none; }` 我知道我可以用J

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

1回答

SVG填充彩色Hover转换而不是动画

css、wordpress、svg

我有，一切都很好，除了..logo square和..logo bg的填充颜色。颜色只是变化，没有任何漂亮的过渡。我肯定把它列为过渡程序，和。有人能帮忙了解一下我可能错过了什么吗？

浏览 4提问于2014-05-10得票数 1

回答已采纳

1回答

如何向过渡中添加文本

css、transitions

我刚开始接触复杂的编程，我知道CSS和HTML的基础知识，我开始学习更复杂的东西，比如过渡和动画，但我已经被一些东西卡住了一段时间。您到底如何向过渡中添加文本？例如，您向div元素添加了一个过渡，它向下滑动，没有任何东西，但您想要在它向下滑动时添加文本。如何添加文本？我不确定这有多清楚，如果它混淆了一些，我道歉！但在基本情况下，我想要做的是当你将鼠标悬停在它上面时，让过渡向下滑动(我已经做到了)，并使文本只在你悬停时出现(就像在新暴露

浏览 0提问于2015-05-09得票数 0

2回答

如何显示悬停隐藏的文本

html、hover、transition、hidden

我的导航/菜单栏不会显示，除非我将鼠标悬停在它上面。我想知道如何禁用此功能，以便始终显示导航/菜单栏。

浏览 5提问于2014-03-11得票数 0

1回答

CSS转换短暂地导致元素在隐藏后“悬空”。

jquery、html、css、drop-down-menu、css-transitions

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

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

回答已采纳

3回答

如何格式化我的jQuery

javascript、jquery、html、css

我已经设法使用这个伟大的论坛在另一个元素的悬停上设置了一个背景图像！因为我是jQuery和javascript的新手，所以我正在努力格式化在悬停时添加额外的效果。例如，我不只想在背景图像上使用追加，我还想做一个背景大小:封面；追加和过渡:所有0.33秒的轻松。我该如何将其添加到当前语法中呢？function(){ });

浏览 25提问于2017-02-27得票数 0

回答已采纳

1回答

为什么一个<div>中的元素在不同的时间进行颜色转换？

html、css、hover

这两个段落都有蓝色文本，当鼠标悬停在第一个段落上(悬停)时，颜色变为红色。颜色过渡是动画效果。我的问题是两个段落的颜色不会同时改变。第二次在第一次之后变红。我需要在同一时间过渡。或者从CSS中删除star* (下面的示例代码)。在我的实际情况下，情况更复杂，我不能从内部移动段落。从CSS中删除star也没什么变化。问题在Chrome上比在FireFox上更明显。但它显示了我在延迟第二段过渡方面的问题。 first</p>

浏览 14提问于2019-04-26得票数 2

回答已采纳

点击加载更多