title: CSS animation works in Safari, but not in the Firefox and Chrome
body: <p>I'm using <a href="http://daneden.me/animate/" rel="nofollow"><code>animate.css</code></a> to animate some elements in the page. There is a plugin for JQuery that helps you to use it easily, <a href="https://github.com/craigmdennis/animateCSS" rel="nofollow"><code>animateCSS.js</code></a>  (from GitHub). The problem is that the animations works in Safari, but not in the Firefox and Chrome, for example, I made a selector invisible:</p>
  
  <pre><code>#top{
    visibility: hidden;
  }
  </code></pre>
  
  <p>And this JQuery script fade it in:</p>
  
  <pre><code>$('#top').animateCSS('fadeInDown', 400); 
  </code></pre>
  
  <p>After 400ms it become visible, but without animation!</p>
  
  <p>It's online here <a href="http://ashraafi.com/index.html" rel="nofollow">http://ashraafi.com/index.html</a></p>