2017-04-20 2 views

Antwort

1

Dieser Code wird nur in einem WebKit-Browser daher das -webkit-Tag funktionieren. Es gibt eine really handy CSS gradient generator here, die ich verwendet habe, um den Code unten zu generieren.

.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>

+0

Vielen Dank !! Es hat perfekt funktioniert !!! –

+0

@josetanaka Großartig! Bitte akzeptiere meine Antwort! –

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

Syntax: background: linear-gradient(direction, color1, color2, ...);

Standard direction ist von oben nach unten.

Verwandte Themen