Können Sie diese schattierte Farbverlaufslinie mit CSS3 erstellen?

8

Hier ist ein Bild von genau dem, was ich produzieren möchte.

Ich war in der Lage, ein <hr /> mit SVG als Hintergrundbild zu stylen, um diesen Effekt zu erzeugen, würde aber gerne dasselbe mit CSS3 erzeugen können, aber ich hatte Probleme.

Ich habe mich gefragt, ob irgendwelche CSS-Gurus da draußen vielleicht einen Weg finden, dasselbe zu erreichen, oder wenn es mit reinem CSS nicht wirklich möglich ist?

Danke für jede Hilfe.

    
C.J. 12.03.2012, 14:33
quelle

2 Antworten

8

Ich erstelle den gewünschten Effekt, bitte überprüfe dies:

Ссылка

    
sandeep 12.03.2012, 15:20
quelle
0

Ich habe versucht, den Effekt mit drei Ebenen, zwei Hintergründen mit Alpha-Deckkraft zu erstellen. Eine, die oben beginnt und in der Mitte stoppt, eine andere, die in der Mitte an den Enden beginnt, und ein Hintergrund mit einer Scheibe des Bildes in der y-Achse wiederholt.

Ich folge dieser URL für das Layer-Tutorial: Ссылка

Der HTML-Code, funktioniert nur in Chrome, ersetzt / überschreibt die Eigenschaft "-webkit-gradient" für den spezifischen Browser:

%Vor%     
rfranr 12.03.2012 15:58
quelle

Tags und Links