CSS3 Stanzschrift

Billbos

Hallo,

im folgenden Bild seht ihr eine Schrift, die den Anschein erweckt als wäre sie eingestanzt. Diesen Effekt habe ich mit Photoshop realisiert.
Weiß jemand, wie ich dies mit CSS3 realisieren kann?
Text-Shadow!, nur wie beginne ich?

MFG

Mein Ansatz bis jetzt schaut so aus! (oben im Brower unten in Photoshop)

Code

#navigation li a {
    font: 30px bolder;
    color: #7e7e7e;
    text-shadow: 0px 1px 0px #fff;
    text-decoration: none;
    }

#navigation li a:hover {
    font: 30px bolder;
    color: #339ce6;
    text-shadow: 0px 1px 0px #fff;
    text-decoration: none;
    }

Alles anzeigen

In der Schrift, die ich in Photoshop erstellt habe, befindet sich noch ein Farbverlauf von Schwarz nach weiß! Wie realisiere ich den auf die Schrift mit CSS3?

Tobse

Den Schatten kannst du nicht mit nem Farbverlauf ausstatten. Was auf jeden fall geht, ist hintergründe mit gardient() als farbverlauf darzustellen. Ob das aber crossbrowser mit color oder text-shadow klappt, weiss ich nicht.

Tags