问题标签 [css-gradients]

我正在尝试使用 css 在缩略图上进行悬停转换，以便在悬停时，背景渐变淡入。转换不起作用，但如果我只是将其更改为一个rgba()值，它就可以正常工作。不支持渐变吗？我也尝试使用图像，它也不会转换图像。

我知道这是可能的，就像在另一篇文章中那样，有人做到了，但我不知道到底是怎么回事。任何帮助>这里有一些 CSS 可以使用：

我正在学习如何使用 CSS 渐变。

我的问题是从上到下的渐变。您可以看到颜色变化中的“停止”。

这是我的 CSS 代码

有没有办法平滑从上到下渐变中的停靠点？（在我看来，这在从左到右或从右到左的渐变中不是很明显）

您可以在这里看到我要实现的内容：http: //jsfiddle.net/j1234cl/e8nxrnw4/

HTML：

CSS：

我正在尝试在我的文本内容后面实现条纹对角线背景图像。我希望图像在右下角也被切断，但是我无法实现它，因此无论多少看起来都一样（灰线大小相同，线条之间的间隙大小相同）内容在页面上，并且图像在右下角截断的位置，截断线的角度始终相同。

我目前正在使用背景图像，但想知道是否应该使用 CSS 渐变来实现效果，但是在图像中不仅有条纹效果，其中还有渐变。

关于如何做到这一点的任何提示？

谢谢！

下面是一些用于创建径向渐变图案的 css。我的问题：是否可以为颜色添加不透明度，使其具有类似鬼魂的效果？可以使用 RGBa 代替 Purple 吗？

我尝试了上述方法，但无法按预期工作

非常感谢，P

我希望只使用 CSS 在另一个圆圈的中间制作一个完美的圆圈。为此，我正在使用radial-gradient以下是我的代码

我的 HTML 结构如下

但是这段代码并没有给我完美的结果。我在另一个圆的中间得到一个圆，但内圆的边缘变得模糊。我希望内圈也是一个完美的圆圈，没有任何模糊的边缘。有没有针对此类问题的解决方案？

PS：我只想使用 CSS 而没有图像/SVG

这是一个工作小提琴

我试图给我的页面一个小插图的背景。

我使用 rgba 是因为它会稍微减少条带。

但基本上，当我想要左边的图像时，我会得到右边的（夸张的）图像。红色代表可见屏幕。

我怎样才能做到这一点？

嗨，我想在我网站的横幅图像上制作一个灰色 (#444) 曲线叠加。我附上了我想要的图片。

我有一个元素，当悬停时，从左到右逐渐改变背景颜色。但是，我不仅想改变背景颜色，还想改变文本的颜色，完全同时/速度。我怎样才能做到这一点？

这是我的相关 CSS：

这是小提琴。

当我在 Chrome、IE 和 Firefox 上使用此代码段时，它运行良好！但在 Safari 上它不起作用。

出现这个问题：

这是我面临的问题：Chrome Firefox。

我觉得应该有一种方法可以用渐变创建清晰的过渡，而且确实存在。通过将两个双色节点相隔几个像素放置，然后在与第二个双色相同的像素上放置一个独特的颜色节点，可以创建清晰的颜色过渡。

但通常我使用 Firefox，而不是 chrome。在很长一段时间里，我都认为我的方法可能是虚无缥缈的，因为它实际上只能以五个像素的间隔工作。所以它非常不可靠。但最近我发现 Chrome 是正确的。因此，我整理了一个测试片段，我将在下面向您展示准确地展示行为。

有人能告诉我为什么会发生这种行为，我能做些什么吗？

下面是对行为不端的盒子的更好的了解：

我被要求为有问题的黑色到透明渐变提供确切的代码行