Webdesign-Forum
Textschatten? Wie geht das? - Druckversion

+- Webdesign-Forum (https://webdesign-forum.net)
+-- Forum: Webdesign (https://webdesign-forum.net/forum-10.html)
+--- Forum: CSS (https://webdesign-forum.net/forum-12.html)
+--- Thema: Textschatten? Wie geht das? (/thread-3.html)

Seiten: 1 2


Textschatten? Wie geht das? - Kadir - 25.12.2010

Hallo,
ich habe mit einem neuen Projekt angefangen. Ich bin auch schon sehr weit gekommen. Nur habe ich gehört, dass man ab jetzt mit CSS 3 auch einen Schatten zu dem Text hinzufügen kann.
Wisst ihr vielleicht wie das geht?

Danke im voraus.


RE: Textschatten? Wie geht das? - wolfgang - 25.12.2010

Ist eigentlich gar nicht schwer:
Code:
.deineklasse {
text-shadow: 4px 4px 5px #999;
}
Die Parameter sind: Verschiebung in X-Richtung, Verschiebung in Y-Richtung, Blur (Weichheit), Farbe.

Idealerweise gibt man die Farbe aber als RGBa-Wert an, dann hat man einen echten Transparenten Schatten, also z.B.
Code:
.deineklasse {
text-shadow: 4px 4px 5px rgba(0,0,0,0.5);
}
Einen schönen Artikel mit ein paar Beispielen findest du z.B. im Blog von Sven Wolfermann.


RE: Textschatten? Wie geht das? - Kadir - 25.12.2010

Danke, das probiere ich dann jetz mal aus Big Grin

Grüße, Kadir


RE: Textschatten? Wie geht das? - Lemi - 25.12.2010

einziger Haken daran, dass es im IE 6/7/8 nicht läuft. Leider erst ab Version 9 verfügbar..





RE: Textschatten? Wie geht das? - Kadir - 25.12.2010

Danke für den Tipp.

Aber jetzt mal ehrlich: Ich kenne wirklich keine Person - außer meinen Vater -, der den Internet Explorer benutzt Big Grin


RE: Textschatten? Wie geht das? - Lemi - 25.12.2010

Kennst du so wenig Leute? Big Grin
Der IE wird leider sehr oft benutzt.

Ich muss mich selber noch korrigieren. Gemäss Microsoft selber wird text-shadow auch ab Version 9 nicht unterstützt Undecided

IE CSS Kompatilitätstabelle
http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx


RE: Textschatten? Wie geht das? - Kadir - 25.12.2010

Doch ich kenne jede Menge Leute. Nur haben diese entweder keine Ahnung von Browsern und Webdesign oder sie sind überhaupt nicht im Internet. Und die meisten meiner Freunde und Bekannten benutzen alle den Firefox.

Danke für den Tipp. Naja egal, dann müssen die Leute, die den IE benutzen halt ohne Schatten auskommen Wink


RE: Textschatten? Wie geht das? - wolfgang - 25.12.2010

Ja, der IE zickt da mal wieder rum.

Deshalb sollte man die CSS3-Geschichten eigentlich nur als "Bonus" verwenden, d.h. das Layout sollte auch ohne die Schatten und runden Ecken funktionieren. Die IE-User bekommen halt eine abgespeckte, aber trotzdem noch funktionierende Variante.


RE: Textschatten? Wie geht das? - Kadir - 25.12.2010

Irgendwie mache ich das schon.


RE: Textschatten? Wie geht das? - wolfgang - 25.12.2010

Noch ein sehr guter Artikel über Schatten bei den Webkrauts: http://www.webkrauts.de/2010/12/24/schatten-werfen-mit-css3/