如何在设计GNOME shell时正确使用线性渐变?

时间:2018-01-13 16:39:44

标签: gnome gnome-3 gnome-shell-extensions

我正在研究gnome-shell扩展,我无法让线性渐变正常工作(或者根本就没有)。 GTK documentation或此post声明我们应该能够使用以下内容:

label {
  background-image: linear-gradient(to top right, blue 20%, #f0f 80%);

  /*OR*/

  background-image: -gtk-gradient (linear,
                                   0 0, 0 1,
                                   color-stop(0, @yellow),
                                   color-stop(0.2, @blue),
                                   color-stop(1, #0f0));
}

但它不起作用,渐变不显示。

到目前为止,我可以获得渐变的唯一方法是使用这些未记录的属性:

label {
    background-gradient-start: rgba(255, 0, 0, 1);
    background-gradient-end: rgba(0, 255, 0, 1);
}

问题是我需要使用线性渐变功能来微调渐变。可能吗?

1 个答案:

答案 0 :(得分:0)

前两个不起作用,因为GNOME尚未实现多个/自定义颜色停止。您可以尝试创建一个GTK + 2/3主题并使用该主题中的类,或者根据需要创建一些可伸缩图像(例如.svg),然后使用它们。