如何使我的線性漸變功能起作用？

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是從上到下。