CSS3 – Text-shadow
… weil ich es gerade für ein Projekt benutzt habe!
CSS3 bringt ein paar schöne Auszeichnungen mit. Aktuell habe ich für ein Projekt text-shadow und -moz-border-radius benutzt.
Die Überschrift wurde folgendermaßen ausgezeichnet:
#shadow-text {
font-family: arial;
font-size: 1.5em;
font-weight: normal;
color: #FFF;
text-shadow: 1px 1px 5px #000;
}
text-shadow: 1px 1px 5px #000;
Erklärung:
Erster Wert bestimmt die Richtug rechts (x-achse), der zweite wert Richtung runter (y-achse), dritter wert blur (Weichzeichner), vierter Wert die Farbe. Geht auch mit Negativwerten.
und der Rahmen:
#box {
color: #479461;
background: #FFF;
padding: 10px;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
Erklärung:
-moz-border-radius:10px;
Für Firefox
-webkit-border-radius: 10px;
Für beispielsweise Safari und Google Chrome.
Und so sieht’s dann aus.

text-shadow CSS3


