CSS背景颜色+图像在悬停时淡入淡出，轻松实现效果

文章/答案/技术大牛

发布

1回答

html、css

我目前有一个以图片为背景的div，样式如下： #portfolio-1 { url(images/portfolio-1.jpg); } 然后我改变了悬停的背景图像，这样它就会有一个红色的覆盖在它的上面，上面有下面的css： #portfolioimages/portfolio-1.jpg); background-siz

浏览 28提问于2019-01-30得票数 0

2回答

渐变背景色的CSS动画

html、css

有没有办法让按钮的背景颜色在悬停时从一种颜色变为另一种颜色，并具有淡入淡出效果？我知道这可以用javascript完成，但我宁愿只使用css。

浏览 5提问于2012-06-08得票数 1

回答已采纳

6回答

jQuery悬停动画

javascript、jquery、jquery-hover

我想将悬停效果应用到div框，一页可能多达60个框。它应该相当于css悬停效果，但我想应用一个淡入淡出效果悬停颜色。例如，我有浅绿色作为背景色，深绿色作为悬停背景色，然后它应该会从一个褪色到另一个。

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

回答已采纳

3回答

jquery淡入淡出问题

jquery

此脚本设置正文和div的随机颜色，并在它们之间淡入淡出： return ('#' + (~~(Math.random() * 16777215)).toStringnone; position: absolute; top:0; right:0; bottom:0; right:0;'></div>") $body.css$div.fadeIn(1000); setTi

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

回答已采纳

1回答

CSS淡入淡出效果背景颜色

html、css

大家好，我用css运行了一个淡入淡出的效果，效果很好，我想在淡入淡出时改变颜色，但我没有成功。background-color: red; 但是我没有成功，不管怎么说，有人知道怎样才能使褪色的背景变成不同的颜色吗？现在只需要白色，有可能做另一种颜色吗？现在我有一张图片，当我将鼠标悬停在屏

浏览 3提问于2015-07-25得票数 0

4回答

NavBar的jQuery悬停效果不起作用？

jquery、html、navigation、hover、navbar

由于某些原因，我就是不能让悬停效果起作用<div id="navbarcontainer"> <li id="left" class="current"><li id="right" class="dependant2"> <a id="dependant2">Contact</a><

浏览 4提问于2013-04-05得票数 5

回答已采纳

2回答

我的目标是，当我悬停在按钮上时，背景颜色会淡入，但当我的鼠标移出按钮时，我希望背景颜色淡出。为此，我在CSS中为button和button:hover插入了转换属性，以使其淡入淡出。我在我的下拉菜单上也有同样的按钮，可以产生同样的效果。顺便说一句，我在Atom上做了这件事，在Atom的预览浏览器包中似乎没有问题。我试着改变位置，过渡效果，但都不起作用。有什么想法吗？<i class=&quo

浏览 12提问于2019-07-16得票数 0

4回答

为按钮中的图标添加背景色

html、css、button、background

正如您所看到的，在左侧，灰色图标后面有红色背景颜色，但红色背景不会填满按钮的整个左侧。有没有办法在上面的演示中用红色背景填充整个按钮的左侧？

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

1回答

jQuery - Fadein只有一次

jquery

slow"); }); <div class="logo"> </div>当我将鼠标悬停在#toolbar上时，它会淡出.logo背景(背景在CSS中设置)，然后将类更改为.logohover，并使用CSS中设置的不同背景将其淡

浏览 0提问于2010-03-10得票数 2

回答已采纳

3回答

将鼠标悬停在图像按钮上以获得最快效果的最佳方式是什么- CSS、jQuery

jquery、css、hover、head

目前，我使用了几个按钮，当鼠标悬停时，图像会发生变化(在一些网站中)。一些是微妙的，有背景颜色变化，一些有CSS伪类悬停整个图像，还有一些使用jQuery悬停方法。似乎某些事情需要不同的策略。尽管它工作正常，但在我的CSS文件中有许多对图像的调用似乎不是最佳实践。也许我错了。但是，如果我有很多jQuery脚本在运行，这似乎也是相反的。

浏览 4提问于2012-10-26得票数 1

回答已采纳

4回答

Div背景色css类淡入淡出效果？

jquery、css

我试图在鼠标悬停时给div添加淡入淡出的效果。淡入淡出效果是在background-color的颜色之间过渡。虽然我可以立即更改css类，但在创建淡入淡出动画时，使用fadeIn()或animate()并不是很有用。如何开始创建此动画？class", "my-bkgr-mouseover"); $('div.my-bkgr&

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

回答已采纳

3回答

将淡入淡出过渡添加到悬停时的背景图像

jquery、css、background-image、fade

正如您所看到的，当您将鼠标悬停在侧边栏中的一个链接上时，背景图像会发生变化，因为我在CSS中为鼠标悬停设置了不同的背景URL。我正在寻找一种简单的方法来添加过渡效果，以便悬停背景图像淡入淡出。我想知道是否有一种方法可以使用jQuery或其他方法将淡入淡出过渡添加到背景网址图像中，或者是否必须使用不同的方法才能获得过渡效果。尼克

浏览 1提问于2011-07-30得票数 0

回答已采纳

1回答