0

我的页面上有以下用于 Web 渐变的 css 代码，我想使用 Gimp 制作与此渐变完全一致的背景图像。任何人都有这方面的专业知识，可以提供一些建议吗？谢谢

background-image:-webkit-linear-gradient(90deg, rgba(51, 51, 51, 1.00) 0.0% , rgba(26, 26, 26, 1.00) 50.5% , rgba(51, 51, 51, 1.00) 50.7% , rgba(77, 77, 77, 1.00) 100.0% );
4

2 回答 2

1

这些 rgba 颜色对应于以下 html-notations ：

rgba(51, 51, 51, 1.00) - #333333 (Color A)

rgba(26, 26, 26, 1.00) - #1a1a1a (Color B)

rgba(51, 51, 51, 1.00) - #333333 (Color A)

rgba(77, 77, 77, 1.00) - #4d4d4d (Color C)

您可以尝试创建一个矩形图像（高度是宽度的两倍）。用颜色 A 到颜色 B 的渐变填充上半部分，用颜色 A 到颜色 C 的渐变填充下半部分。然后将其设置为启用“重复”属性的背景图像。

于 2012-09-05T19:13:24.290 回答
1

GIMP 不能直接解析它，尽管 GIMP 2.8 附带了一个 Python 脚本，可以输出这种 CSS 语法中的渐变

您可以制作一个 python 脚本来将 CSS 渐变语法解析为 GIMP 渐变，然后他们在图像上使用此渐变。

当然，如果您只需要一次，那就大材小用了——我建议在 GIMP 中创建一个新的渐变，然后手动编辑记录的文件（如果您在 *nix 上，则在 ~/.gimp-2.8/gradients 文件夹中，否则检查对于首选项中的用户渐变文件夹）。

GIMP 的渐变文件很简单——一个纯文本文件，如下所示：

GIMP Gradient
Name: Untitled
2
0.000000 0.243464 0.486928 0.000000 0.000000 0.000000 1.000000 0.000000 1.000000 0.000000 1.000000 0 0 0 0
0.486928 0.743464 1.000000 0.000000 0.000000 1.000000 1.000000 1.000000 1.000000 1.000000 1.000000 0 0 0 0

所以这是一个单一的渐变，有两段 - 每条线都有起点、每段的终点、起始 ARGB 颜色、结束 ARGB 颜色，以及......不要在意，只需将四个零保留在end：它们很可能用于描述每个端点的颜色类型，我们想要 0。

于 2012-08-27T19:50:34.967 回答