title: CSS fade out horizontal rule / line styled div effect without images
body: <p>I'm a big fan of minimal use of images and was wondering if anyone had a tactic (or if it's possible) to create this kind of thing with pure static CSS? </p>
  
  <p><a href="http://www.flickr.com/photos/jahimandahalf/6780397612/" rel="noreferrer">http://www.flickr.com/photos/jahimandahalf/6780397612/</a></p>
  
  <p>I'm referring an effect of a line seemingly getting skinnier and fading out and the shadow effect underneath it.</p>
  
  <p>I was thinking it might be possible to do a CSS shape trick with it like the triangles:</p>
  
  <p><a href="http://css-tricks.com/snippets/css/css-triangle/" rel="noreferrer">http://css-tricks.com/snippets/css/css-triangle/</a></p>
  
  <p>Or perhaps with rotation on box-shadow using 'transform':</p>
  
  <p>zenelements.com/blog/css3-transform/</p>
  
  <p>Any ideas?</p>