Thomas Meinike: Farbverlauf in HTML/CSS/JavaScript möglich?

Beitrag lesen

Hallo,

Wenn das nirgends möglich ist, wo könnte man das vorschlagen? Sowas in der Art von "background:color-gradient(box, 100, 100, 10, 10, green, black)" was einen Farbverlauf in Kastenform an der Position 100x100 mit der Größe 10 mal 10 von grün nach schwarz zeichnen würde...

Freue Dich auf SVG:

<?xml ...?>
<!DOCTYPE ...>
<svg ...>

<defs>

<linearGradient id="lineargradient">
    <stop offset="0%" style="stop-color: #000"/>
    <stop offset="50%" style="stop-color: #00F"/>
    <stop offset="100%" style="stop-color: #FFF"/>
  </linearGradient>

</defs>

<rect x="200" y="100" width="600" height="300" style="fill: url(#lineargradient)"/>

</svg>

http://www.styleassistant.de/tips/TMs10kSVGDemo.htm

MfG, Thomas