如何使用CSS创建具有多个色标的水平渐变？

Question

以下代码：

<style>
h1 {
    height: 200px;
    background: linear-gradient(red, green, blue); 
} </style>

会给我标准的水平线色谱。我试图改变线的方向，使它们是垂直的。我试过了：

<style>
h1 {
    height: 200px;
    background: linear-gradient(left, red, green, blue); 
} </style>

但这不起作用

Answer 1

试试这个

background: linear-gradient(to left, red, green, blue); 

仅错过浏览器细节

h1{background: linear-gradient(to left, red, green, blue); }

<h1>Hello</h1>

Answer 2

此网站不会出错，输入您想要的所有颜色，选择停靠位置，它将为您生成所有特定于浏览器的代码。

http://www.colorzilla.com/gradient-editor/