Farbverlauf?

Status
Nicht offen für weitere Antworten.
B

Basilisk

Kann man mit CSS einen Farbverlauf bei Schriften erzeugen? Wenn ja wie?
 
zweite Möglichkeit bzw. anderer Verlauf

Eine weitere Möglichkeit (möglicherweise eine andere Art Varbverlauf, bei gradient handelt es sich ja um "zeitliche" Farbverläufe, das hier wäre eher ein "links-rechts" übergang).
Man definiert zwei Flächen, von denen die Alpha-Intensität der einen per filter von Links nach rechts abnimmt. Allerdings funktioniert das so nur bei MS ie, bei Netscape würde man nur die vordere Fläche sehen. Hier wäre ein möglicher code für so etwas:

Code:
<div 	style="position:absolute; 
	left:10px; top:10px; 
	width:20px; height:20px; 
	background-color:#FF0000; 
	z-index:1">
	</div>
<div 	style="position:absolute; 
	left:10px; top:10px; 
	width:20px; height:20px; 
	background-color:#00FF00; 
	filter:Alpha(opacity=100, finishopacity=0, style=1, startx=0, starty=0, finishx=100, finishy=100);
	z-index:2">
	</div>

Hier sind also 2 DivBlöcke übereinander plaziert, wobei vom oberen die Deckfähigkeit (der Alpha-wert) von links oben nach rechts unten abnimmt. Einfach mit den zahlenwerten spielen, für den gewünschten Effekt (für einen horizontalen verlauf etwa startx und finishx gleich...)

btw: vor den Farbwerten am besten gatterzeichen plazieren, sind hier nur weggelassen weil das Forum Raketenwerfer draus macht...

smileys deaktivieren, dann geht das. hab jez schnell mal wieder die rauten eingefügt ;)
gruß, quentin :>
 
Gibt es schon neuere Lösungen für Farbverlauf?

Dieser Thread ist ja doch schon etwas älter.
Ich wüsste gern, ob es schon eine neuere Lösung dazu gibt, wie man einen Farbverlauf mit Css integrieren kann.

Schon einmal vielen Dank im Voraus.

DF
 
Status
Nicht offen für weitere Antworten.
Zurück