http://onionworks.net/2004/renderengine/utility
fadeColor (sourceColor : string, targetColor : string, position : double) : string
Diese Methode ermöglicht es, eine Start- und Zielfarbe anzugeben. Der Parameter position fungiert gewissermaßen als Regler zwischen diesen beiden Farben. Je nachdem, welchen Wert er hat, ändert sich der Farbwert, den die Methode zurück gibt.
Besonderheiten:
Hat position den Wert 0, wird die Startfarbe angezeigt, für den Wert 1 die Zielfarbe.
<div style="background-color: {util:fadeColor('#60a0f0', '#ffffff', 0.1)}; width:160px">Fading-Beispiel</div>
<div style="background-color: {util:fadeColor('#60a0f0', '#ffffff', 0.3)}; width:160px">Fading-Beispiel</div>
<div style="background-color: {util:fadeColor('#60a0f0', '#ffffff', 0.5)}; width:160px">Fading-Beispiel</div>
<div style="background-color: {util:fadeColor('#60a0f0', '#ffffff', 0.7)}; width:160px">Fading-Beispiel</div>
<div style="background-color: {util:fadeColor('#60a0f0', '#ffffff', 0.9)}; width:160px">Fading-Beispiel</div>
Farbabstufungen erzeugen
Obiges Beispiel hat etwa folgendes Ergebnis: