background: -webkit-linear-gradient(linear,left top, left
bottom,from(#5ba654), to(#ADE19E));
Ich bin mir nicht sicher, was ich hier falsch mache ... bitte helfen.Wie kann ich meinen linearen Farbverlauf zum Arbeiten bringen?
background: -webkit-linear-gradient(linear,left top, left
bottom,from(#5ba654), to(#ADE19E));
Ich bin mir nicht sicher, was ich hier falsch mache ... bitte helfen.Wie kann ich meinen linearen Farbverlauf zum Arbeiten bringen?
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>
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.
Vielen Dank !! Es hat perfekt funktioniert !!! –
@josetanaka Großartig! Bitte akzeptiere meine Antwort! –