CSS исчезает эффект div в стиле горизонтальной линейки / линии без изображений

Я большой поклонник минимального использования изображений, и мне было интересно, есть ли у кого-нибудь тактика (или возможно ли это) для создания такого рода вещь с чистым статическим CSS?

http://www.flickr.com/photos/jahimandahalf/6780397612/

Я имею в виду эффект, когда линия, казалось бы, становится более тонкой и блеклой, и эффект тени под ней.

Я подумал, что можно было бы проделать трюк с формой CSS, например с треугольниками:

http://css-tricks.com/snippets/css/css-triangle/

Или, возможно, с вращением по теням коробки с помощью 'transform':

zenelements.com/blog/css3-transform/

Есть идеи?