title: How do I add a zoom hover effect to my thumbnail
body: <p>Im currently using Wordpress to build a portfolio site. I need to create a hover effect that is triggered when a mouse enters either. I'm trying to get a box to display over the image area that contains a permalink saying to "view project" about the specific post whilst the thumbnail slowly zooms in. My site is currently responsive as well so I can't use any fixed widths or heights for this.</p>
  
  <p>This is what im aiming for:</p>
  
  <p><img src="https://i.stack.imgur.com/oAJR3.jpg" alt="enter image description here"></p>
  
  <p>Im basically trying to replicate what Fi are doing with there image hovers here <a href="http://blog.f-i.com/" rel="nofollow noreferrer">http://blog.f-i.com/</a></p>
  
  <p>I've posted my current markup on <a href="http://jsfiddle.net/estx4/" rel="nofollow noreferrer">http://jsfiddle.net/estx4/</a> <code></code></p>
  
  <p>Thanks</p>