问题标签 [gradient]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
744 浏览

java - 在java中向渐变面板添加颜色?

如何在java中为我们的渐变面板添加新颜色?

0 投票
3 回答
7048 浏览

flash - 如何创建垂直颜色渐变(或平面水平渐变以外的任何其他角度)

大家好,我第一次尝试在 actionscript 3 中绘制多色渐变。

所以我从帮助文档中得到了这段代码,但我似乎无法获得垂直渐变,无论我使用什么公式或数字进行旋转,它都停留在默认的水平渐变上:(

我的代码:

您可以在跟踪中看到我尝试过的旋转代码...

大量参与的更新修复:

替代文字

0 投票
8 回答
28567 浏览

svg - SVG 角度渐变

有没有办法在 SVG 中做一个“角度渐变”?

(我不知道官方术语——这是你在颜色选择器中看到的那种渐变,它随角度而变化。)

SVG 似乎只支持线性和径向渐变,但我认为可能有某种方法可以使用变换来模拟我想要的。

谢谢!

0 投票
8 回答
115012 浏览

android - android中的圆形渐变

我正在尝试制作从屏幕中间发出的白色渐变,并在向屏幕边缘移动时变为黑色。

当我制作这样的“正常”渐变时,我一直在尝试不同的形状:

当使用“椭圆”形状时,我至少得到了一个圆形,但没有渐变效果。我怎样才能做到这一点?

0 投票
2 回答
610 浏览

javascript - 这个梯度代码在 ie css 过滤器中的等价物

我需要使用过滤器方法在 Internet Explorer 中使用此代码的等效项或替代项

代码中最重要的是点( 0% - 49% - 100% )我相信过滤器方法没有点并且不接受超过两个颜色参数,

有没有办法在过滤器或javascript脚本中做到这一点?谢谢。

0 投票
7 回答
20431 浏览

css - IE7 和 IE8 中的 CSS 渐变导致文本出现别名

我正在尝试在包含一些文本的 div 中使用 CSS 渐变。使用 Gecko 和 Webkit,文本显示良好。在 IE7 和 IE8 中,文本显示为别名(锯齿状)。

我看到这个博客说:“我们决定在使用任何 DXTransform 的元素上禁用 ClearType”。

IE博客:http: //blogs.msdn.com/ie/archive/2006/08/31/730887.aspx

那是在 2006 年。3.5 年后,我认为这个错误会被修复,但事实并非如此。有没有办法在 IE8 中做到这一点,而无需在 div 中填充重复的背景图像?

这是我的意思的一个例子。

在 IE 中,div 中的文本有别名(锯齿状),而段落中的文本则没有。

任何不涉及图像的解决方案将不胜感激。

0 投票
19 回答
941747 浏览

css - 如何在同一个元素上组合背景图像和 CSS3 渐变?

我如何使用 CSS3 渐变background-color,然后应用 abackground-image来应用某种光透明纹理?

0 投票
1 回答
1435 浏览

apache-flex - 具有渐变背景的 Flex DataGrid 鼠标悬停行

我有一个 DataGrid 需要在鼠标悬停时显示渐变背景。我为每一列创建了itemrenderers,并且渐变显示为鼠标悬停的单个单元格,但不是整行。将鼠标悬停在其中一个单元格上时,如何让整行显示渐变?

0 投票
3 回答
1147 浏览

css - 使用 CSS 渐变代替图像

使用 CSS 来创建渐变而不是图像,它有什么负面影响吗?

例如下面的代码:

谢谢。

0 投票
4 回答
37777 浏览

css - CSS3 渐变从 Illustrator 中再现“内发光”效果,并应用了边框半径

我正在尝试正确地了解 CSS3 渐变(特别是径向渐变),这样做我认为我给自己设定了一个相对艰难的挑战。

在 Adob​​e Illustrator 中,我创建了以下“按钮”样式。

按钮样式截图

为了创建这个图像,我创建了一个背景颜色为rgb(63,64,63)or的矩形#3F403F,然后将其“风格化”为具有 15px 的边框半径。

然后我用 25% 的不透明度,8px 模糊,中心为白色的“内发光”对其应用。最后,我在它上面应用了一个 3pt 的白色描边。(如果上面的图片还不够,我会告诉你所有这些,以防你想复制它。)

所以,我的问题是:

是否可以在不需要图像的情况下使用 CSS 重新创建这个“按钮”?

我知道 Internet Explorer 的“限制”(为了这个实验,我不能给猴子)。我也知道 webkit 中的小“错误”,它错误地渲染了具有背景颜色、边框半径和边框(与背景颜色不同的颜色)的元素 - 它让背景颜色在曲线上渗出角落。

到目前为止,我最好的尝试是相当可悲的,但这里的代码供参考:

基本上,很糟糕。非常感谢您接受任何提示或提示,并在此先感谢您!