title: hover/rollover text fade in effect
body: <p>I am looking to find out how this effect is created:</p>
  
  <p><a href="http://www.thesartorialist.com/category/men/" rel="nofollow">http://www.thesartorialist.com/category/men/</a></p>
  
  <p>(when on that site hover over an image - the link/cation slides in from the side you "enter" the photo at).</p>
  
  <p>What I wanted to know was how the background and link bar fades in and then how it knows which side of the image is the one you enter on?</p>
  
  <p>I can see that there is CSS for the overstate which brings up the black gradient image overlay but not a great deal more.</p>
  
  <p>Many Thanks in advance..</p>
  
  <p>Alex</p>