问题标签 [css-gradients]

我遇到了 Safari 10 和 CSS 边框图像渐变的问题。它适用于所有其他浏览器，甚至在 Safari 9 中。它甚至出现在 Safari 10 的在线模拟器中。请看下面的图片：

（我猜那是 IE 11，不是 IE 10。谢谢指正！）

我以为这只是我的 CSS，所以我真的简化了它并做了一个小提琴。你可以在https://jsfiddle.net/tgbuxkee/看到它

它也在下面生成。

有谁知道为什么会发生这种情况？我知道 Safari 中的某些图像边框存在错误，但我认为这里不是这种情况（也许是这样）。

指导很有帮助。

谢谢你。

我想linear-gradient在图像上创建这种效果：

我试过这个代码：http ://codepen.io/anon/pen/dNZoeJ

但是我的图像是内联而不是背景，所以这不起作用。

有没有什么办法可以通过内联<img>标签达到预期的效果？

我想使用选项字段更改折线图的网格颜色，但我不知道从哪里开始。我首先尝试使用渐变更改画布背景颜色，但结果并不好。

但是，我没有得到我想要的，因为正如您在上图中看到的那样，不仅网格被着色，而且 x 值、y 标签和图表图例也被着色。

我用这个css代码得到的结果图片

我想得到的例子

我的 chart.js 选项是

那么，有没有办法只将网格的背景设置为 3 种不同的颜色（是否有渐变）？注意：我正在使用带有 angular 2 (ng2-charts) 的 chart.js

我想重新创建类似于优步品牌网站的线条图案：https ://brand.uber.com/ - 特别是您可以在后台看到的重复线条：http: //prntscr.com/etius6

为此，我想到了使用带有 css 的重复线性渐变。

它有效，但我想稍微调整一下。基本上我想消除第一个条，但是我尝试的任何方法都只会使渐变消失或者变得奇怪地变薄，总是将条留在它们现在所在的位置..background-position也没有效果。

任何帮助都会很棒，谢谢

我正在使用这样的 CSS3 渐变：

我遇到的问题是 safari 正在为渐变添加黑色调，因为 Chrome 正在很好地褪色。

有没有人遇到过这个问题？

JSFIDDLE

苹果浏览器

铬合金

我有一个问题，我想创建一个 CSS 循环渐变动画，但是当我这样做时，动画是非常静态的，它的动画不流畅 下面是我目前正在处理的一个示例。希望你能帮助我。

我正在尝试使用 CSS 通过图像创建这个“旋风”。

http://imgur.com/a/wOyvk（没有渐变）我尝试过使用径向渐变，但是，当渐变接近中心时，我无法让渐变突然“关闭”。最好的方法是以某种方式弯曲衬里梯度吗？

这就是我到目前为止所拥有的，我不希望蓝色出现在角落里，我只想让渐变的“切片”沿着图像向下延伸。 https://jsfiddle.net/uh882Lcw/

HTML

CSS

我正在寻找这样的背景效果（在纯 CSS 中），我该怎么做？

（放大图像）

代码：

我只是玩CSS。我根本不是专业人士，所以如果这是一个愚蠢/明显的问题，请原谅我。

问题：我正在开发的博客平台不允许任何外部样式表，也不允许使用<style>标签，所以我不得不内联做所有事情。

我一直在玩 CodePen（BobbyHo 的CSS Percentage Circle）中的一个简单的百分比圆，它使用圆锥渐变，在 CodePen 上分叉后，一切（甚至是内联改编版本）看起来都很棒。但是当我把它放到博客网站上的那一刻，圆锥渐变消失了。

这表明渐变不适合内联样式。我知道它们像图像而不是颜色一样被处理，但我真的认为你可以做到这一点。我弄错了吗？还是我错过了一些非常明显的东西？

我已经阅读了 CSS 背景条纹教程，但我似乎没有找到解决这个问题的方法。如果我想要仅 1 像素宽的对角白线与约 10 像素宽的透明条纹交替出现怎么办？像这样：

我现在的代码是：

但这会产生模糊、粗大的白线。我对这个概念很陌生。