CSS不透明度过渡 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

在悬停时使图像变亮

image、colors、hover、twitter-bootstrap-3

我正在设置一个投资组合网页，我希望图像的颜色从标志的50%固体，直到鼠标悬停，这使颜色淡出，并显示正确的图像。有人知道怎么做吗？

浏览 1提问于2014-02-04得票数 0

2回答

移动引导菜单下拉菜单中的平滑关闭动画

html、css、twitter-bootstrap-3、css-animations

注意：我更喜欢CSS答案，但如果需要的话，我将使用JavaScript。</ul> <li><a href="#">Contact</a></li> </div></nav> CSS为了实现它，我让我的两个CSS块中的第一个看起来

浏览 3提问于2016-09-29得票数 2

回答已采纳

2回答

在悬停跳跃问题上的Chrome CSS过渡不透明度

css、google-chrome

我正在尝试Chrome中最简单的不透明度过渡，但我发现尽管它通常是平滑的，但有时它会直接跳到不透明度:0或不透明度: 1，而不是过渡。简化版，仅供webkit使用： .box{ width:100pxbox:hover{ opacity:0

浏览 5提问于2015-10-06得票数 1

2回答

如何实现导航元素的过渡效果？

html、css

我尝试在CSS文件中的nav ul li:hover ul下面添加transition: 2s;，但似乎不起作用。<html lang="en"> <link rel="stylesheet" href="project.css"> <meta charset="utf

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

1回答

jquery分离和加载需要淡入和淡出。

jquery、fading、detach

我试图使这个函数更好地工作，但我有问题要找到一个解决方案。 $('.edit-account').click(function(){ $('#inner-wrap').lo

浏览 2提问于2012-03-15得票数 0

1回答

过渡效果在div切换上不起作用

javascript、html、css、vue.js

为什么我的菜单切换不是平滑过渡？我已经添加了200毫秒的过渡，但它根本不起作用。我该如何解决这个问题呢？

浏览 25提问于2020-08-21得票数 0

3回答

无法在div上执行简单的不透明度过渡

jquery、css、css-transitions

不透明度没有改变，也没有过渡，知道我做错了什么吗？(chrome浏览器)} e.preventDefault(); $("div").css('opacity', 0).addClass(&#

浏览 1提问于2013-05-31得票数 0

2回答

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

jquery、css、animation

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

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

1回答

当包含jquery移动CSS时，引导模态触发器事件的顺序不正确

javascript、css、twitter-bootstrap、jquery-mobile、bootstrap-modal

这可能与CSS冲突有关吗？删除jQueryMobile1.4.2.css似乎很有帮助，但我需要两者一起工作。我使用的引导程序版本是2.3.2。

浏览 4提问于2014-03-24得票数 1

3回答

基于var值的Jquery转换不透明度

javascript、jquery、css

我尝试基于视口高度内的滚动位置将不透明度值设置为从0到1的动画效果。基于此，我可以在设置点切换CSS值，但我希望逐渐改变percentageScrolled的0-100的不透明度。我如何调整下面的代码来过渡/动画不透明度？谢谢。= (scrollTop*100)/windowHeight; $('.colour-overl

浏览 24提问于2019-05-10得票数 0

回答已采纳

1回答

如何在指南针的不透明度上进行转换？

compass-sass

我们有很好的混音在不透明度和过渡罗盘，但我如何做一个不透明度的过渡？@include single-transition(opacity, 1s); 上面的行创建了不透明度的转换，但不是-moz-不透明，-khtml-不透明，更不用说奇怪的IE语法了.

浏览 4提问于2013-10-12得票数 7

回答已采纳

1回答

Vue进入/离开过渡似乎在不透明的情况下工作得不太好

vue.js、animation、css-transitions

预期：从“不透明度0”到“不透明度0.5”的平稳过渡实战:从“不透明度0”到“不透明度0.5”的平滑过渡，然后突然跳到“不透明度1”

浏览 1提问于2020-03-17得票数 0

1回答

Jquery -背景图像-全宽度图库过渡

jquery、html、css

我想懒惰地加载背景图像，每15秒左右创建一个很好的过渡，但我不确定采取的最好方法，或者我如何做到这一点，并仍然使用媒体查询-谁有任何类似的经验或可以提供任何建议的好方法？

浏览 3提问于2013-05-22得票数 1

2回答

我怎样才能悬停在一个网站的空白处，在我的鼠标离开那个地方后，使一个图像淡入并慢慢淡出？

css

我可以使图像淡入，但当光标离开图像时，它会立即消失。我想让它慢慢淡出。下面是我想要的的一个例子

浏览 1提问于2021-03-31得票数 1

1回答

悬停过渡梯度后的css

css、hover、transition

我得到了一个div块:在css选择器之后，我在图像上做了一个渐变叠加。当有人离开时，我没有什么不同的渐变覆盖:悬停div 它起作用，梯度变化..。但我无法得到这个变化的速度转换css选择器。PS:我知道我可以用不透明度，但我想改变渐变的颜色和风格。不显示从0到1。

浏览 1提问于2017-01-23得票数 0

1回答

尝试在悬停时淡出image1和淡入image2，然后在卷展栏上反转此过渡。想法？

jquery、transition、fade、css-transitions

我有一个logomark.png，我希望在悬停时淡入淡出/过渡到logotext.png，然后在卷展栏上再次返回。作为一种效果，在悬停时，logomark.png会淡出到0不透明度，而logotext.png会从0淡出到1不透明度。当用户将鼠标移出图像时，图像反转: logotext.png从1不透明度淡出到0不透明度，而logomark.png从0不透明度淡回到1不透<

浏览 1提问于2012-07-21得票数 1

1回答

纳瓦显示后滚动具有过渡效果

javascript、html、css、css-transitions、effects

现在提问：Css： transition: all 1s linear;联署材料： $('#navigation-panel').css('position', 'relative');

浏览 2提问于2020-04-29得票数 4

回答已采纳

1回答

用css创建一个像windows7任务栏一样的模糊效果？

javascript、css

像windows7任务栏中用css或js创建的模糊效果。

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

4回答

Jquery在滚动时动态显示div不透明度

jquery、css、jquery-animate、opacity

因此，我尝试通过滚动浏览器窗口来为css属性设置动画。到目前为止，下面的代码工作正常，但我希望它有一个过渡，而不是突然从不透明度1捕捉到不透明度0.5。任何帮助都是非常感谢的。提前谢谢。(function(){ if ($(window).scrollTop() > 50){ $('.header').cssbackground','rgba(

浏览 4提问于2013-06-29得票数 0

回答已采纳

1回答