Letterpress

Billbos

Hallo,

ich habe jetzt schon ein wenige herumgespielt mit text-shadow, aber leider komme ich nicht zu dem gewünschen Ergebnis.
Habt jemand eine Idee, wie ich zu dem "Letterpress Effekt" komme, wie er auf diesem Bild abgebildet ist?

Hier mein Ansatz:

Code

/* Navigation */


div#navigation {
    font-family: 'Gruppo', 'Arial';
    font-size: 30px;
    font-weight: bold;
    width: 960px;
    height: 25px;
    margin: 30px auto 0 auto;
    }

div#navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    }

div#navigation li {
    display: inline-block;
    padding: 0 20px;
    }

div#navigation a {
    font: 'Gruppo';
    color: #b8b8b8;
    text-decoration: none;
    text-shadow: 0px 1px 1px #000;
    opacity: 0.7;
    }

div#navigation a:active {
    font: 'Gruppo';
    text-decoration: none;
    text-shadow: 0px 1px 0px #6b6b6b;
    }

div#navigation a:hover {
    font: 'Gruppo';
    text-decoration: none;
    text-shadow: 0px 1px 0px #6b6b6b;
    }

Alles anzeigen

Die Schriftart ist von google!!!
Bild in voller Auflösung unter http://www.billbos.eu/forumbilder/danielsfotoscom.png
Verwendete Farben bei der Navigation: #b8b8b8 und #b6b6b6

Danke schonmal!

Tags