title: Fade effect with climb text
body: <p>I need to implement fade effect with climb text on my web page. 
  Example: <a href="http://www.believein.co.uk/" rel="nofollow">http://www.believein.co.uk/</a> 
  In this example on the main page we see when we hover mouse over image then image fade and text climb from the top. All what I imagine is that:</p>
  
  <pre><code>&lt;div class="row pageTitle2"&gt;
  &lt;div class="col-md-12"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-4 marPadReset"&gt;
              &lt;img src="~/Content/Images/4.jpg"/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>$(".pageTitle2 img").fadeTo("slow", 1.0); 
      $(".pageTitle2 img").hover(function () {
          $(this).fadeTo("slow", 0.6); 
      }, function () {
          $(this).fadeTo("slow", 1.0); 
      });
  </code></pre>
  
  <p>Does anybody help?</p>