Obtenir ce résultat de relief en CSS

Bonjour,

Je cherche à obtenir ce résultat en CSS (avec text-shadow ?) mais je n'arrive pas à trouver le bon paramétrage pour l'obtenir.

https://lh4.googleusercontent.com/-09gREVNu-s8/TxCaPbcmcCI/AAAAAAAAFVA/6aPsjmMey2c/s268/path2.png

Des idées ?

Merci
Modifié par Khleo (13 Jan 2012 - 21:59)

Salut,

Ça t’irait ça ou tu cherches à aller plus loin ?
http://jsfiddle.net/htmlzengarden/uTY52/

Merci c'est parfait !

Merci encore

Je poste le code ici à nouveau, pour la postérité (et pour éviter qu'il soit perdu).

<p id="test"><strong>Lunch</strong> with <strong>Matt Matteson, Dan Dofter</strong> and <strong>5 other people</strong> at <strong>The Office</strong></p>
<p>
    <img src="https://lh4.googleusercontent.com/-09gREVNu-s8/TxCaPbcmcCI/AAAAAAAAFVA/6aPsjmMey2c/s268/path2.png" alt="">
</p>

body
{
    margin: 1.5em;
    font-family: sans-serif;
}
#test
{
    background-color: #6c6a66;
    background-image: -webkit-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:    -moz-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:     -ms-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:      -o-linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    background-image:         linear-gradient(left, #aa390b 0%, #2f4341 20%, #97a8a6 40%, #a2a8a6 60%, #000 100%);
    color: #FFF;
    padding: 0.5em;
    width: 250px;
    text-shadow: 0 -1px 1px black;
    font-size: 1.05em;
}
strong
{
    font-weight: bold;
}
p
{
    margin-bottom: 1.5em;
}