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;
}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!