Autor |
Nachricht |
wandgucker
Threadersteller
Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 23.05.2005 15:55
Titel farbverlauf mit css |
|
|
hi, hab schon gegoogelt aber nix passendes gefunden- kann man mit css einen farbverlauf darstellen?
danke!
|
|
|
|
|
theflu
Dabei seit: 07.08.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 23.05.2005 15:58
Titel
|
|
|
hmm nimm einfach nen 1 oder 2 px breiten verlauf und dann repeat-x
|
|
|
|
|
Anzeige
|
|
|
Seashore
Dabei seit: 23.05.2005
Ort: Bochum
Alter: 42
Geschlecht:
|
Verfasst Mo 23.05.2005 16:04
Titel
|
|
|
Habe ich dich richtig verstanden: Du möchtest alleine mit CSS (also ganz ohne Bilder) einen Farbverlauf zeichnen? Das funktioniert nicht so wirklich.
1. CSS-generierte Farbverläufe gibt es noch nicht. Sie sind erst in CSS3 vorgesehen, und das wird nur in sehr geringen Teilen von aktuellen Browsern unterstützt.
2. Für den Internet Explorer gibt es einen Alpha-Filter, der einen Farbverlauf generieren kann, etwa so (muß in CSS eingebunden werden):
Code: | .deine-klasse {
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff', startColorstr='#000000', gradientType='1');
} |
Dies funktioniert NUR im Internet Explorer und ist zudem nicht standardkonform, daher ist von dieser Methode dringend abzuraten.
3. Du könntest einen Verlauf auf sehr mühsame Art und Weise herstellen, indem du die einzelnen Farbwert-Abstufungen Pixel für Pixel mit 1px hohen Elementen und Hintergrundfarben erstellst - manuell. Scheißarbeit.
4. Die einfachste Variante ist immer noch, einen Farbverlauf vorher als Grafik herzustellen und diese dann als Hintergrundbild einzubinden, wie theflu schon vorgeschlagen hat:
Code: | body {
background:#fff url(meinverlauf.png) repeat-x;
}
|
Wenn du dort, wo jetzt #fff steht, noch den untersten Farbton im Verlauf als Hintergrundfarbe einträgst, fällt es auch nicht auf, wenn das Bild ab einer bestimmten Seitenhöhe zuende ist.
Zuletzt bearbeitet von Seashore am Mo 23.05.2005 16:07, insgesamt 1-mal bearbeitet
|
|
|
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
Verfasst Mo 23.05.2005 16:05
Titel
|
|
|
Man kann das sonst auch mit SVG machen.
Zur Darstellung muss der Nutzer jedoch das entsprechende Plugin für den Browser installiert haben.
http://www.scale-a-vector.de/t-verlauf.htm
|
|
|
|
|
wandgucker
Threadersteller
Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 25.05.2005 10:17
Titel
|
|
|
danke, das mit der 1px grafik war mir klar, dachte nur dass es vielleicht schon was neues aus mit gibt..muss ich wohl auf css 3 warten und bis dahin mit grafiken arbeiten. merci
|
|
|
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mi 25.05.2005 10:58
Titel
|
|
|
wandgucker hat geschrieben: | .muss ich wohl auf css 3 warten und bis dahin mit grafiken arbeiten. merci |
Das Warten hat bereits ein Ende...
Du musst wohl eher darauf warten, dass es ALLE Brower unterstützen.
|
|
|
|
|
worshipper
Dabei seit: 01.10.2004
Ort: worshipper fear satan
Alter: -
Geschlecht:
|
Verfasst Di 28.06.2005 10:48
Titel
|
|
|
hat jemand vielleicht eine gute anleitung?
um mit grafiken und css einen farbverlauf zu erstellen.
Zuletzt bearbeitet von worshipper am Di 28.06.2005 11:22, insgesamt 1-mal bearbeitet
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 28.06.2005 11:15
Titel
|
|
|
wofür?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Photoshop diagonaler Farbverlauf neben vert. Farbverlauf
farbverlauf
Problem mit Farbverlauf im IE
Farbverlauf mit Flash
Style Farbverlauf
Farbverlauf krümmen
|
|