问题标签 [gradient]

我试图在 HSV 颜色空间中的两种颜色之间进行插值以产生平滑的颜色渐变。

我正在使用线性插值，例如：

（其中 p 是百分比，h1, h2, s1, s2, v1, v2 是两种颜色的色调、饱和度和值分量）

这对 s 和 v 产生了很好的结果，但对 h 却没有。由于色调分量是一个角度，因此计算需要计算出 h1 和 h2 之间的最短距离，然后在正确的方向（顺时针或逆时针）进行插值。

我应该使用什么公式或算法？

编辑：按照杰克的建议，我修改了我的 JavaScript 渐变函数，它运行良好。对于任何有兴趣的人，这就是我最终得到的结果：

我知道有-webkit-gradient和-moz-linear-gradient。但是定义渐变的标准方法是什么？

就像有：-webkit-border-radius并且-moz-border-radius标准是border-radius.

我有一个里面有内容的元素。

元素及其内容应该在左侧完全不透明，在右侧完全透明。从右到左均匀分级。

由于它所融合的内容和背景不固定，因此无法预先制作图像。

我知道渐变可以用作背景（-moz-linear-gradient），但这对我没有帮助 - 在这里，我需要元素本身的内容淡出。

我已经能够在 IE (Alpha Mask) 和 Webkit (image-mask) 中做到这一点，但在 FF 中完全被难住了。

如果有办法，我不介意使用 SVG。

请帮忙？

我有一个网格，其中包含标记有不同优先级的行。我想将高优先级的行染成红色，低优先级的行染成蓝色等。

我想根据数学计算的渐变设置阴影，而不是随意将颜色分配给特定的优先级。如何从沿渐变的单个点提取单一颜色？

我正在尝试将渐变应用于边框，我认为它就像这样做一样简单：

但这不起作用。

有谁知道做边界渐变的正确方法是什么？

如何在此代码示例中获取 IE 渐变函数以完全填充表格单元格？使用下面给出的代码，我只能让它覆盖单元格的上半部分。替代文字 http://img708.imageshack.us/img708/6602/celltext.png

我尝试使用 CSS 创建透明渐变。我需要它用于颜色选择器应用程序。我有一个可以使用的透明 PNG，但它有 20kb 大，并且会请求一个新的 HTTP 请求。代码应该是超轻量级的。

这是我到目前为止所做的：http: //jsfiddle.net/78SEK/ 上面的那个是好的，下面的一个是用 CSS 制作的。

我也尝试过使用 HTML5 Canvas，但我无法获得完全匹配。有没有办法我可以做到这一点？谢谢

所以 Firefox 支持渐变背景。还支持多个背景图像.. 那么为什么这不起作用呢？

也试过：

这个可以吗？？

我想知道如果我正在制作多边形，如何创建一个具有多个停靠点和方向的渐变。现在我正在通过改变顶点的颜色来创建渐变，但这是有限的。还有另一种方法可以做到这一点吗？

谢谢

我在我的 CSS 中使用 Internet Explorer 渐变过滤器。

一切都很顺利，直到我注意到应该超出其容器overflow:visible;的图像被剪裁，就好像容器被设置为overflow:hidden;

我不知道为什么会发生这种情况，或者如何解决它。任何人都可以帮忙吗？

我在 IE8 和 IE7 中查看

这是导致问题的css，当我将其注释掉时，不再有错误：