CSS过渡:不透明与改变背景颜色？

文章/答案/技术大牛

发布

1回答

css、colors、css-transitions、opacity

我很好奇是否有一个转换颜色的行业标准，因为有多种方法可以实现所需的转换效果。有多种方法可以使特定颜色变亮或变暗，以向用户表明该元素是难以处理的。例如，如果您有一个p标签，并且想要添加悬停效果，您可以： HTML <div><p> P tag text </p></div> 使用不透明度的CSS v1 div {color: white;transition: opacity 0

浏览 16提问于2019-03-23得票数 0

回答已采纳

1回答

如何使CSS动画不影响其他HTML的反应？

html、css、reactjs、animation、css-transitions

在进入问题之前，这是我的代码：@import url('https://fonts.googleapis.com/css2?(<App />, document.getElementById('root'));项目说明:每当用户单击“新报价”按钮时，就会在显示新的引号以及新的文本颜色和背景色之前进行淡入淡出转换

浏览 9提问于2022-01-01得票数 0

1回答

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

javascript、css

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

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

3回答

React导航transitionConfig颜色

react-navigation

我想知道是否有一种方法可以在过渡期间改变背景的颜色(在过渡期间出现的半透明背景)？例如，我有相当暗的屏幕，在过渡期间背景是白色闪烁的。这是可直接配置的，还是父导航器的属性？谢谢我看到在过渡过程中，聚焦屏幕和屏幕边缘之间的区域从不透明度为1的白色变为透明。有没有可能从其他颜色开始，比如黑色？

浏览 0提问于2017-05-07得票数 2

1回答

单击“播放”按钮应将橙色背景淡出另一种颜色。

css、css-animations、css-transitions

我想要发生的是，在单击按钮后，我希望橙色改变为另一种颜色。淡出另一种颜色。动画发生时需要使用.slide。

浏览 3提问于2022-11-09得票数 -1

2回答

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

jquery、css、animation

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

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

1回答

多背景css3动画

css、background

我有一个网页，其中主体有多个背景(一个是纯色，一个是黑色，但只有0.2不透明度，第三个是纸张纹理)。这个想法是，纯色可以根据特定情况改变(使用CSS过渡淡出)。第二层通过改变不透明度来控制颜色的暗度。问题是这两个都是独立完成的，我不知道有什么方法可以在不声明所有背景的情况下更改其中一个背景。例如，我这样定义原始背景: background: url( "overlay.png“)，rgb

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

1回答

YouTube嵌入似乎在干扰CSS下拉悬停。

jquery、css、google-chrome

链接背景应在悬停时转红，如果有下拉框，则应显示下拉菜单。在悬停时添加类的jQuery (为了IE6用户的利益)将被应用。因此CSS看起来如下：.active a,.active span { 有什么想法吗？

浏览 1提问于2012-08-22得票数 0

2回答

JQuery背景色铬

jquery、css、hover、background-color、mouseenter

我遇到了一个问题，在JQuery的悬停事件中，这个示例应该会改变背景颜色。(与.css("background-color","rgba(78, 175, 212, 0.75)");一致)

浏览 1提问于2016-04-06得票数 0

1回答

WebKit (iPad) CSS3:背景跃迁闪烁

ipad、css、background、transition、flicker

在Safari / WebKit中，特别是在iPad上，通过WebKit动画来改变背景颜色有问题。但是在动画中有非常奇怪的方块，你可以看到它。$('#bgWrapper&#x

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

2回答

任何Jqplot图表的背景不透明度

javascript、jquery、css、jqplot

如何改变Jqplot图表的背景不透明度？(我的意思是仅用于背景)。grid: { background: 'transparent' } $('.jqplot-grid-background').css({ }

浏览 4提问于2015-10-08得票数 1

2回答

交叉淡入淡出div背景:悬停-在CSS中可能吗？

css、background

有没有办法在div背景改变时平滑过渡？理想情况下，我希望在css中做到这一点，而不是使用任何js。在我的css中，我有： background: url(img_img.png); background: url(brighter_img.png);它正在做我希望它做的事情(改变图片)，但如果有一种方法可以让这两种背景“融合”成另一种，我会满怀感激地开始在嘴里冒泡。注意:我想要的效

浏览 1提问于2016-04-22得票数 0

6回答

将alpha通道添加到给定颜色

css

我有几个相邻的，我想用CSS样式。我想要为背景应用各种各样的颜色，但我希望较低的颜色是相同的颜色，减少不透明度，所以我想到了这一点： background-color: rgba(0,0,0,1); /*orwhite; background-color: rgba(*,*,*,0.5); /*just an example*/所以我想通过使用CSS3

浏览 2提问于2012-08-31得票数 21

回答已采纳

1回答

如何成功地定制离子型全局css颜色？

css、ionic-framework、ionic4

我试图改变离子项目背景为白色背景与不透明，以使文字更易读，但当我测试出改变颜色在变量css，我是不成功的。 --ion-color-test: #1d8f9e; <ion-item color="test" class="item ite

浏览 3提问于2019-11-18得票数 0

回答已采纳

1回答

滚动体上选定元素的jQuery转换背景色

jquery、css

我有一个半透明黑色背景的div。我想顺利过渡到更不透明的背景颜色。当div (包含横幅图像的标题)向上滚动时。 offset = height / 2, header.css({ 'opacity': calc

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

回答已采纳

2回答

过渡在Firefox或opera中不起作用，只在chrome中起作用

css、css-transitions

这是我的CSS：list-style:none;display:block;white-space:

浏览 0提问于2012-12-11得票数 0

1回答

鼠标上方的WPF按钮背景透明度

.net、wpf

我试图改变一些按钮的鼠标过渡效果，因为它们有不同的自定义背景颜色设置，所以当前鼠标过渡方案，把相同的浅蓝色不太适合。</Setter> </Style.Triggers>我似乎无法让它工作；我试图保持背景颜色设置在按钮上，但当鼠标通过时，将背景不透明度更改为0

浏览 4提问于2017-10-26得票数 7

回答已采纳

1回答

我希望能够悬停在一个图像上，只有背景本身变成黑色(与不透明度控制多少)。我已经对图像本身有了一个效果，当它悬停时，但我想添加一个效果，在那里背景是白色的，变成更深的颜色。能够在以后通过不透明和过渡来操作它将是最好的，但是到目前为止，我还没有找到适用于这一点的css3或jquery代码。任何帮助都将不胜感激。html <div class="template_design2" style="margin-top:100

浏览 0提问于2014-05-06得票数 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); setTimeout(fun

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

回答已采纳

2回答

如何改变CSS中的背景不透明度？

html、css

在CSS中，我可以使用opacity属性设置fg/bg不透明度。但是我看不出如何在不使用rgba()的情况下改变背景不透明度。这很烦人，因为我不能在不透明的情况下使用颜色名称。background-opacity: 0.5">5: I'd like this to LOOK like #4, but it doesn't (because background-opacity is not real CSS</em

浏览 2提问于2016-01-14得票数 2

回答已采纳

点击加载更多