… 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