Konvertieren von Farbbild png in Farbe css Farbverlauf

Question

Ich möchte dieses PNG-Bild in eine CSS-Verlaufsfarbe konvertieren. Wie kann ich das tun, wenn ich diese PNG-Datei habe?

Answer 1

einfach die Steigung CSS-Regel verwenden?

#grad { 
 
    background: linear-gradient(black, white); /* Standard syntax */ 
 
} 
 

 
#grad2 { 
 
    background: red; /* For browsers that do not support gradients */ 
 
    background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */ 
 
    background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */ 
 
    background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */ 
 
    background: linear-gradient(red, yellow, green); /* Standard syntax */ 
 
}

<div id="grad"> 
 
    <br><br> 
 
</div> 
 

 
<div id="grad2"> 
 
    <br><br> 
 
</div>

Einige Lesung: CSS Gradients