title: CSS3 animation scale
body: <p>I'm trying to animate a div so that when the page load it has scale(0,0) and animates to scale(1,1). The problem I have is that once the animation takes effect the div scales to 0 again. What I want is the div to animate to scale(1,1) and staying like that. Here's my CSS code</p>
  
  <pre><code>@-moz-keyframes bumpin {
      0% { -moz-transform: scale(0,0); }
      100%   { -moz-transform: scale(1,1); }
  }
  
  .landing .board {
      -moz-transform: scale(0,0);
      -moz-transform-origin: 50% 50%;
  }
  
  .landing .board {
      -moz-animation-name: bumpin;
      -moz-animation-duration: 1s;
      -moz-animation-timing-function: ease;
      -moz-animation-delay: 0s;
      -moz-animation-iteration-count: 1;
      -moz-animation-direction: normal;
  }
  </code></pre>
  
  <p>What am I doing wrong?  </p>
  
  <p>Thanks in advance<br>
  Mauro</p>