あなたはだからここVERTICAL背景色

Question

を行うための線形勾配プロパティは、私がしようとしていますものです使用することができます：

body { 
    height:100%; 
    background: -moz-linear-gradient(left, #DB2B39 50%, #2B303A 50%); 
    background: -webkit-linear-gradient(left, #DB2B39 50%,#2B303A 50%); 
    background: linear-gradient(to right, #DB2B39 50%,#2B303A 50%); 
} 

をしかし、それは唯一の水平分割を生産している、そしてそれはヨーヨーことを奇妙に思えますそれが縞模様でなくても簡単に垂直に行うことはできません。

本当に明白なものがありませんか？

Answer 1

angleを「右」に設定しているため、これは水平グラデーションを作成しています。代わりにto bottomまたはtopを入力すると、垂直グラデーションが生成されます。

body { 
    height:100%; 
    background: -moz-linear-gradient(top, #DB2B39 50%, #2B303A 50%); 
    background: -webkit-linear-gradient(top, #DB2B39 50%,#2B303A 50%); 
    background: linear-gradient(to bottom, #DB2B39 50%,#2B303A 50%); 
} 

すべての値を確認してください。here

Answer 2

「固定」という値を追加するだけです。下記参照。

body { 
background: linear-gradient(to bottom, rgba(219,43,57,1) 50%,rgba(43,48,58,1) 50%,rgba(10,8,9,1) 50%) fixed; 
} 

http://codepen.io/adamfollett/pen/YWBmxR