Question

我的页面上有一个网页渐变的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% );

Answer 1

GIMP无法直接解析，GIMP 2.8附带的Python脚本可以输出此CSS语法中的渐变

您可以创建一个python脚本来将CSS渐变语法解析为GIMP Gradients，他们在图像上使用这个渐变。

当然，如果你只需要一次，那就太过分了 - 我建议在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颜色，......不关心，只保留四个最后的零：很可能它们用于描述每个端点中的颜色类型，我们想要0。

Answer 2

这些rgba颜色对应于以下html符号：

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的渐变填充底部正方形。然后将其设置为背景图像并启用“重复”属性。

Gimp - 创建背景渐变

2 个答案: