title: Why CSS animations are working all smooth in Chrome but not in Firefox?
body: <p>Why CSS animations are working all smooth in Chrome but not in Firefox?</p>
  
  <p>url: <a href="http://carloshermoso.com/works/rwd/" rel="nofollow">http://carloshermoso.com/works/rwd/</a></p>
  
  <pre><code>#mainContent h2 { -moz-animation-duration:3s; -moz-animation-name:slideIn; -webkit-animation-duration:3s; -webkit-animation-name:slideIn; text-transform:uppercase; }
  @-moz-keyframes slideIn
  {
  from { margin-bottom:100%; width:300%; }
  to { margin-top:0%; width:100%; }
  }
  @-webkit-keyframes slideIn
  {
  from { margin-bottom:100%; width:300%; }
  to { margin-top:0%; width:100%; }
  }
  </code></pre>
  
  <p>Thanks a million!</p>