2
background: -webkit-linear-gradient(linear,left top, left
bottom,from(#5ba654), to(#ADE19E));
我不知道我在做什麼錯在這裏...請幫助。如何使我的線性漸變功能起作用?
background: -webkit-linear-gradient(linear,left top, left
bottom,from(#5ba654), to(#ADE19E));
我不知道我在做什麼錯在這裏...請幫助。如何使我的線性漸變功能起作用?
該代碼僅適用於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>
background: -webkit-linear-gradient(#5ba654, #ADE19E);
background: -moz-linear-gradient(#5ba654, #ADE19E);
background: linear-gradient(#5ba654, #ADE19E);
語法:background: linear-gradient(direction, color1, color2, ...);
默認direction
是從上到下。
非常感謝!它工作完美! –
@josetanaka太棒了!請接受我的回答! –