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?

danielsfotoscom.jpg

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;
    }
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!
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!