title: HTML image rollover : fade in to the left or right
body: <p>Im using this code to make mouse over changing button</p>
  
  <p>got the code from this website </p>
  
  <pre><code>http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html
  </code></pre>
  
  <p>Code im using:</p>
  
  <pre><code>&lt;a href="Blog"&gt;&lt;img src="images/menu/dflt_blog_btn.png" onmouseover="this.src='images/menu/rlovr_blog_btn.png'" onmouseout="this.src='images/menu/dflt_blog_btn.png'" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Is it possible to make it fade in, rather than just change over? if so how can i do it?</p>
  
  <p>this might be stupid but if we can make it fade in can we make it fade in to the left or right ????</p>