Cita:
Iniciado por wilo087 
Son dos imagenes con dos etiquetas span. aqui te abjunto el codigo y las imagenes
Código:
.shadow {
height:212px;
left:729px;
opacity:1;
position:absolute;
top:239px;
width:250px;
z-index:917;
}
.shadow .l {
background:url("/i/s-left.png") no-repeat scroll left bottom transparent;
bottom:0;
display:block;
height:30px;
left:0;
position:absolute;
width:50%;
}
.shadow .r {
background:url("/i/s-right.png") no-repeat scroll right bottom transparent;
bottom:0;
display:block;
height:30px;
position:absolute;
right:0;
width:50%;
}
<div class='shadow'>
<span class="l"></span>
<span class="r"></span>
</div>
De aqui puedes tomar la imagen
http:// listhings.com/ i/s-right. png
Quita los espacios del enlace
Muchas gracias wil. Lo he probado y no me acaba de quedar bien, pero entiendo la idea. Y yo que pensaba que sería alguna virgueria nueva de CSS3 o algo así.
Gracias por vuestras respuestas a todos!