title: CSS bounceInDown effect not working
body: <p>I'm trying to achieve a "bounceInDown" effect like <a href="http://daneden.me/animate/" rel="nofollow">on this webpage</a>, but nothing happens. Would you know what is wrong? See jsfiddle: <a href="http://jsfiddle.net/N2Yx9/" rel="nofollow">http://jsfiddle.net/N2Yx9/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="box" class="bounceInDown"&gt;test&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#box {
      position: absolute;
      top: 317px;
      left: 295px;
      padding: 20px 20px 20px 55px;
      text-decoration: none;
      background:#0F6
  }
  
  /*
  Animate.css - http://daneden.me/animate
  */
  
  .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeIn {
      0% {opacity: 0;}    100% {opacity: 1;}
  }
  
  @-moz-keyframes fadeIn {
      0% {opacity: 0;}    
      100% {opacity: 1;}
  }
  
  @-o-keyframes fadeIn {
      0% {opacity: 0;}    
      100% {opacity: 1;}
  }
  
  @keyframes fadeIn {
      0% {opacity: 0;}    
      100% {opacity: 1;}
  }
  
  .fadeIn {
      -webkit-animation-name: fadeIn;
      -moz-animation-name: fadeIn;
      -o-animation-name: fadeIn;
      animation-name: fadeIn;
  }
  @-webkit-keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -moz-transform: translateY(-2000px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInDownBig {
      0% {
          opacity: 0;
          -o-transform: translateY(-2000px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes fadeInDownBig {
      0% {
          opacity: 0;
          transform: translateY(-2000px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  .fadeInDownBig {
      -webkit-animation-name: fadeInDownBig;
      -moz-animation-name: fadeInDownBig;
      -o-animation-name: fadeInDownBig;
      animation-name: fadeInDownBig;
  }
  @-webkit-keyframes bounceInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-2000px);
      }
  
      60% {
          opacity: 1;
          -webkit-transform: translateY(30px);
      }
  
      80% {
          -webkit-transform: translateY(-10px);
      }
  
      100% {
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes bounceInDown {
      0% {
          opacity: 0;
          -moz-transform: translateY(-2000px);
      }
  
      60% {
          opacity: 1;
          -moz-transform: translateY(30px);
      }
  
      80% {
          -moz-transform: translateY(-10px);
      }
  
      100% {
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes bounceInDown {
      0% {
          opacity: 0;
          -o-transform: translateY(-2000px);
      }
  
      60% {
          opacity: 1;
          -o-transform: translateY(30px);
      }
  
      80% {
          -o-transform: translateY(-10px);
      }
  
      100% {
          -o-transform: translateY(0);
      }
  }
  
  @keyframes bounceInDown {
      0% {
          opacity: 0;
          transform: translateY(-2000px);
      }
  
      60% {
          opacity: 1;
          transform: translateY(30px);
      }
  
      80% {
          transform: translateY(-10px);
      }
  
      100% {
          transform: translateY(0);
      }
  }
  
  .bounceInDown {
      -webkit-animation-name: bounceInDown;
      -moz-animation-name: bounceInDown;
      -o-animation-name: bounceInDown;
      animation-name: bounceInDown;
  }
  </code></pre>