线性梯度背景的CSS - Hover效应 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

线性梯度背景的CSS - Hover效应

html、css

我尝试在我的css属性box上添加一个悬停效果，它正在使用css创建一个饼状图。我想在悬停时添加一个不透明度的变化，以给它一个更具交互性的外观和感觉。当创建一个伪类:hover时，它目前没有任何效果。我相信这是由于我为了实现饼图外观而使用的background: linear-gradient。为了解决这个问题，我使用了一个:before类，在这个伪类中添加了一个rgba背景，然后添加了一个:hover效果，这对我的

浏览 12提问于2020-07-28得票数 0

1回答

带有CSS的光泽效果导航菜单

html、css

我正在寻找如何使用HTML和CSS制作水平导航菜单。我已经使用了好的例子。 </li

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

回答已采纳

3回答

如何使搜索表单背景颜色悬停在输入、提交和输入文本上。

javascript、html、css、input、hover

我有问题的悬停，没有改变背景颜色的两个项目在同一时间。我有输入提交搜索按钮旁边的输入文本，我希望他们都改变背景颜色时，您悬停在其中之一。';}" /> </form>CSS #sea

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

回答已采纳

2回答

梯度效应对文本和图像的影响

css

如何为页面上的内容创建梯度效果，如此上的渐变效果。有一个背景图像，文本和图像显示背景图像的颜色，从而产生梯度效应。如何创建类似的效果(非静态梯度效应)？另外，是所有的CSS还是有任何Javascript库可以实现这个结果？

浏览 3提问于2015-11-28得票数 1

回答已采纳

1回答

如何使发射器图标w/渐变背景？

android、android-studio

默认的Android图像工作室只允许我选择1色作为我的图标的背景。有没有办法选择2并产生线性梯度效应？

浏览 1提问于2018-02-01得票数 9

回答已采纳

3回答

具有线性梯度的CSS重复模式

html、css、repeat

我第一次接触photoshop模式，我正在构建一个网页，我想用我的模式给我的网页背景一个很好的效果。 background-imag:url(mypattern.jpg);但我不喜欢**在我的页面背景中添加一个线性梯度这是最后的效果：我说到重点了。

浏览 0提问于2011-05-08得票数 2

2回答

如何利用线性梯度在一个div中得到两个水平背景颜色？

css、linear-gradients

我想在一个div中有两个水平的背景色。我用的是线性梯度，但问题是两种颜色之间的褪色(混合)效应。我想消除这一影响，使我有尖锐的颜色相邻，没有任何梯度效应或边框。此外，请告诉我，如果我的代码是正确的，不太可能导致任何浏览器的问题，我不擅长编码。

浏览 2提问于2015-12-06得票数 1

回答已采纳

1回答

中心水平线性梯度(非径向)

css、linear-gradients

是否有一个CSS线性梯度起源于中心，但不是径向形式？对于从左到右的线性梯度和径向梯度，我已经找到了大量的。但这并不是我希望产生的效果。如果您想知道为什么不只是使用径向梯度我知道，我可以镜像两

浏览 3提问于2015-11-11得票数 3

回答已采纳

2回答

线性梯度语法不清楚

css、sass、linear-gradients

我试图理解这个，但是我很难理解SCSS文件中的第44-45行：我查了很多网站，但我找不到任何关于linear-gradient()的3个参数。

浏览 10提问于2022-01-19得票数 -2

回答已采纳

2回答

如何动画在CSS背景图像上流动的渐变的波纹效应

css、css-animations、linear-gradients

不是完全的 --但有点类似(不是径向的，而是的线性) --我试图创造一种透镜耀斑的效果--如果你转动一块玻璃，看到一束光在它上滑动，在CSS中。因此，假设您有一个正常的背景图像，或无缝重复的背景图像，在CSS中。现在你想要在图像上动画一个矩形的光带，这是一种“淡入.全光.淡出”的白光梯度。所以你有一个线性梯度，类似于transp

浏览 3提问于2019-07-29得票数 2

回答已采纳

3回答

CSS3背景梯度不验证，有人能告诉我为什么吗？代码示例

validation、css、background、gradient

有人能告诉我为什么下面的css没有验证吗？我一直在努力研究这件事，但运气不佳。我读过的所有文档都说，这是在css3中进行渐变的正确原因。：抱歉的!-线性梯度(top，rgba(0,0,0,0.65 ) 0%，rgba(0,0,0,0 ) 100% ) 9标题值错误:背景色-o-线性梯度(顶，rgb

浏览 0提问于2011-12-27得票数 4

回答已采纳

1回答

悬停式构件悬停的胡迪尼梯度转变

css、reactjs、typescript、styled-components、css-houdini

参见下面的代码示例： .post:hoverHoudini> <h2>This Demo Requires Chrome 85+</h2&

浏览 11提问于2022-08-08得票数 2

回答已采纳

2回答

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

css、firefox、animation、background、transition

我的css中有如下内容： background: transparent;} #mybox-id:hover当鼠标移到/移出时，线性渐变的颜色会立即出现/消失。如果我用任何单一的颜色代替线性渐变，例如rgba(229,95,218,1)或紫色等等，过渡就会像预期的那样工作:当鼠标移入/移出时，颜色会逐渐淡入/淡出

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

2回答

如何使用Firefox中的CSS给用户选择的选项加上颜色

html、css、firefox、drop-down-menu

下面的代码突出显示了Google中的一个选定选项 <!对于CSS，有什么想法可以让同样的行为适用于firefox吗？

浏览 2提问于2016-04-27得票数 1

回答已采纳

1回答

如何在codename one中为容器背景制作颜色渐变

codenameone

尝试使用CSS但失败了有没有办法让容器背景看起来像下面这样

浏览 0提问于2020-04-30得票数 1

2回答

如何更改Qt中进度条的默认样式颜色

c++、qt、background-color、qprogressbar

如何在不改变其他默认渐变和效果的情况下，改变默认QProgressbar样式的绿色色调(一点明显的“流白块”效应)：。我尝试为QProgressBar：：区块:水平使用q线性梯度设置新的背景色组合，但是我没有成功地在任何这样的样式表中保留提到的效果。

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

回答已采纳

1回答

如何从左到右逐渐改变元素的背景色？

css、css-animations

我正在尝试使用关键帧来更改标签的背景色。我的代码：.button-container { height: 40px; margin: 0 auto; .button-containerjustify-content: center;} .button-container:hoverright, #ddd , #ddd)

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

回答已采纳

1回答

CSS :具有背景梯度的背景图像

css、background、background-image

如何将url背景图像添加到渐变中并具体定位？因为梯度本身被视为图像。背景:线性梯度( #98cb01 2%，60a822 100%)！重要；

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

回答已采纳

1回答

如何动态更改背景颜色html？

jquery、html、css、background-color

为了响应事件，我希望更改html或body的背景(梯度)。是否可以使用jQuery更改背景色属性？或者(我有CSS类中描述的背景梯度*)我需要removeClass然后是addClass吗？下面是一个使用生成的CSS类示例： .silverBackground {背景：#e2e2e2；/*旧浏览器*/背景：-moz-线性-渐变(顶部，#e2e2

浏览 2提问于2013-07-13得票数 1

回答已采纳

1回答