过渡会影响背景图像

文章/答案/技术大牛

发布

1回答

html、css

当我在div上悬停时，背景图像也是moves.If，我删除了这行transition:transform 0.2s;，然后背景图像没有朝右direction.Why移动，这是怎么回事？

浏览 4提问于2019-08-26得票数 0

回答已采纳

2回答

CSS转换- div上的不透明度更改，但div内容不变

css、html、z-index、transition

问题是，我让框的不透明度也改变了，因为它在同一个div中，但如果我把它放在div之外，问题是当鼠标悬停在框上时，图像失去了不透明度的变化。我该如何解决这个问题呢？

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

2回答

为什么按钮没有显示任何淡入淡出效果？

html、css

我正在尝试编写一个按钮，在悬停时，将产生一个缓入-出效果。我使用了以下代码：padding:20px;/* fallback/image non-cover color *//* Safari 4+, Chrome 1-9 *//* Safari 5.1+, Mobile Safari, Chrome 10+ *

浏览 5提问于2012-07-22得票数 0

回答已采纳

1回答

Javascript:悬停时如何影响其他元素？

javascript、jquery、element

但是，'siteLarge‘不受此影响。

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

1回答

处理-如何只着色一个图像？

java、image、processing、tint

将背景设置为图像，我想使用图像发挥过渡效果。imageMode(CENTER); image(gameOver, 0, 0);考虑到每一幅图像的色调，而不仅仅是特定的一幅(gameOver)，背景(作为一幅图像)也会褪色。还是我要省去过渡？谢谢!

浏览 8提问于2022-01-09得票数 1

3回答

使用jQuery交叉淡入淡出背景图像

jquery、css

我想通过悬停元素来交叉淡入淡出/过渡背景图像。这是可能的吗？我有一个DIV元素，它有一个背景图像，但当你悬停它时，背景图像会随着过渡/交叉淡入淡出效果而改变。addClass('hovered'); $(this).removeClass('hovered');}); 我的脚本只是简单地切换背景<

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

回答已采纳

2回答

创建父div webkit-筛选器不影响子项

html、css、slurp

我使用了一个非常花哨的webkit滤镜来使背景图像灰度化，当鼠标悬停在图像上时就变成了彩色。moz-transition: opacity .3s ease-in-out;正如你所看到的，甚至有一个“过渡”属性，使图像有一个平滑的淡入全色过渡。我遇到的问题是，我要应用它的div也会影响位于div中的子文本，也会将文本转换为灰度。这是一个问题，因为文本需要是白色的

浏览 1提问于2014-03-23得票数 21

回答已采纳

1回答

淡出一个图像，而另一个在不透明度上使用CSS转换不是平滑的吗？

css、css-transitions、opacity

我把两个图像放在另一个上面(一个是黑白的，另一个是彩色的)，并创建了一个CSS转换，其中一个图像的不透明度降低，而另一个图像的透明度增加。结果是一个。不过，我有个问题:在过渡过程中的某个时刻，你可以看到一些图像，表明不透明的转换不是线性的，即使“转换-定时-函数”属性被设置为线性。

浏览 3提问于2013-09-18得票数 0

回答已采纳

2回答

如何在jQuery中使用淡入淡出效果来防止内容消失？

jquery、css、animation

我正在创建一个调光插件，我想给它一个很好的淡入淡出过渡。当我使用背景半透明的'png‘图像时，它可以使页面变暗，但问题是，当我给它淡入淡出效果时，所有的东西都消失了，而我想只给背景这种效果。

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

0回答

如何在不影响其中内容的情况下悬停div并使其背景图像慢慢消失？

javascript、jquery、html、css

我有一个带有背景颜色、背景图像和一些文本的div。我希望，当我悬停div时，背景图像会慢慢消失，就像过渡效果之类的，但文本和颜色在div中仍然可见。

浏览 2提问于2017-06-09得票数 0

回答已采纳

2回答

使用CSS3转换模拟Apple.com搜索扩展

css、css-transitions

我已经让它工作了，但我的拉长了背景图像，因为他们的接缝优雅地添加到它上，而不需要放大镜拉长。他们还成功地将一种背景淡入另一种背景中。

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

1回答

具有跨所有ViewControllers的统一背景的UINavigationController

ios、objective-c、uinavigationcontroller

我一直在考虑一个UINavigationController的想法，它有一个图像作为背景，堆栈上的每个视图控制器都有透明的背景，这样UINavigationController的背景图像就可以在所有的视图控制器中看到我试着用最明显的方式来实现这一点(使用带有全屏图像的根视图控制器和带有透明背景的视图控制器，但这会导致动画出现尴尬的问题)。深入研究后，我发现HotelTonight应用程序设法实现了这一点。

浏览 0提问于2014-10-28得票数 2

2回答

在所有元素上应用CSS转换是否与性能有关？

css

我认为这将是一个很好的触摸添加一些CSS过渡到我的网站，以使悬停影响淡入/退出。div, input, button{ transition: background .5s;这将使任何背景变化逐渐消失当然，不是每个a，div，输入和按钮在我的网站上有一个背景变化悬停，所以你不会看到所有的过渡。但这让我想知道，如此宽泛的过渡是否会导致浏览器性能问题，特别是在手机上。你

浏览 4提问于2016-05-25得票数 1

回答已采纳

1回答

CSS3:链接悬停时的发光背景(不是文本发光)

css-transitions、css、glow

我想让这些链接在我悬停时在背景中有一个发光的效果。请看我的jsFiddle：。

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

回答已采纳

2回答

CSS: Transition在firefox扩展中不起作用

css、firefox、animation、background、transition

to top, rgba(229,95,218,1) 40%,} 过渡将被忽略当鼠标移到/移出时，线性渐变的颜色会立即出现/消失。如果我用任何单一的颜色代替线性渐变，例如rgba(229,95,218,1)或紫色等等，过渡就会像预期的那样工作:当鼠标移入/移出时，颜色会逐渐淡入/淡出。我也尝试过背景图像和背景

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

3回答

Javascript库性能

javascript、jquery、image-gallery

<img src="img15.jpg"/>现在我看到了两种方法来创建它(使用拖动进行过渡)：创建这种画廊的最佳方式是什么？

浏览 2提问于2011-07-05得票数 1

回答已采纳

2回答

使用rgba()仅在背景图像上设置不透明度

html、css、background、rgba

我看过这篇文章，它清楚地描述了如何在不影响子元素的情况下只设置父背景图像的不透明度：.content { opacity:我也尝试过： background: rgba(255, 255, 255, 0.35) url(&#

浏览 6提问于2016-11-08得票数 0

2回答

在悬停上淡入背景图像

javascript、jquery、html、css、effects

这是我发现这个很酷的效果的网站：我不知道他是如何做到这一点的，当项目悬停时，与特定项目相关的背景图像会逐渐淡出，然后在悬停在另一个项目上时，会无缝过渡到另一个背景图像。

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

1回答

基于反值的Css3 div梯度背景动画？

javascript、jquery、html、css

我的要求是改变div梯度背景与动画根据一个增加的计数器值。例如，假设一个div背景梯度在counter=== 0处是蓝白色的.当计数器值在80,100的范围内时，div就会进入危险范围，因此背景梯度应该变成带动画的红-白。

浏览 3提问于2014-07-19得票数 0

回答已采纳

2回答

突出显示的UITableViewCell和选定的UITableViewCell之间有什么区别？

iphone、uitableview

UITableViewCell反映两种截然不同的状态:突出显示和选中。

浏览 5提问于2010-04-17得票数 45

回答已采纳

点击加载更多