リニアグラデーションを動作させるにはどうすればよいですか？

Question

background: -webkit-linear-gradient(linear,left top, left 
bottom,from(#5ba654), to(#ADE19E)); 

ここで間違っていることはわかりません...助けてください。

Answer 1

このコードはWebKitブラウザでのみ動作するため、-webkitタグです。 以下のコードを生成するために使用したreally handy CSS gradient generator hereがあります。

.gradient { 
 
    height: 200px; 
 
    width: 100% 
 
    background: #5ba654; 
 
    background: -moz-linear-gradient(top, #5ba654 0%, #ade19e 100%); 
 
    background: -webkit-linear-gradient(top, #5ba654 0%,#ade19e 100%); 
 
    background: linear-gradient(to bottom, #5ba654 0%,#ade19e 100%); 
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ba654', endColorstr='#ade19e',GradientType=0); 
 
}

<div class="gradient"> 
 
</div>

Answer 2

background: -webkit-linear-gradient(#5ba654, #ADE19E); 
background: -moz-linear-gradient(#5ba654, #ADE19E); 
background: linear-gradient(#5ba654, #ADE19E); 

構文：background: linear-gradient(direction, color1, color2, ...);

デフォルトdirectionが上から下にあります。