title: Why isnt my text bouncing in? CSS, HTML
body: <p>I am working on a project and im learning at the same time and so far everything has been working great!</p>
  
  <p>But I want to be able to use the animated css code from Animate.css which should work in concert with the javascript in the wow.js file. Essentially, I need help troubleshooting why the animate.css code (e.g., wow animated bounceIn or wow animated fadeInUp) isn't working.</p>
  
  <p>I would provide you with the files but Im not good with JSFiddle but here is the important parts.</p>
  
  <p>html</p>
  
  <pre><code>    &lt;header&gt;
          &lt;h2 class="wow animated bounceIn" data-wow-duration="700ms" data-wow-delay="100ms"&gt;Meet the Authors&lt;/h2&gt;
      &lt;/header&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>@-webkit-keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(.3);
      transform: scale(.3);
    }
  
    50% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
  
    70% {
      -webkit-transform: scale(.9);
      transform: scale(.9);
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  
  @keyframes bounceIn {
    0% {
      opacity: 0;
      -webkit-transform: scale(.3);
      -ms-transform: scale(.3);
      transform: scale(.3);
    }
  
    50% {
      opacity: 1;
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05);
    }
  
    70% {
      -webkit-transform: scale(.9);
      -ms-transform: scale(.9);
      transform: scale(.9);
    }
  
    100% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
    }
  }
  
  .bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  </code></pre>
  
  <p>I could provide the files if needed</p>