title: Starting CSS animation when element is beeing displayed
body: <p>I'm trying to animate some elements with CSS animation and keyframes when they are beeing displayed:</p>
  
  <pre class="lang-css prettyprint-override"><code>-webkit-animation: stamp 600ms ease-in-out 1;
     -moz-animation: stamp 600ms ease-in-out 1;
          animation: stamp 600ms ease-in-out 1;  
  </code></pre>
  
  <p>If I toggle the visibility via display:block/none; the animation is beeing played nicely from the beginning in Chrome and modern IE but not in Firefox (didn't test in Safari).</p>
  
  <p>Is there a way I can achieve this in Firefox just as well? </p>
  
  <p><a href="http://jsfiddle.net/y8aDq/2/" rel="nofollow">Here is a fiddle</a> I created for testing.</p>