title: Animation of items with WOW.js which are in the viewport
body: <p>i have a list of items which are contained in viewport, that means when i load the page they all are animated all at once. but i want them to animate one after the other. </p>
  
  <pre><code>$(function(){
    new WOW().init();
  })
  </code></pre>
  
  <p>here is my pen
  <a href="https://codepen.io/kaleem78/pen/oMEeqZ" rel="nofollow noreferrer">https://codepen.io/kaleem78/pen/oMEeqZ</a></p>
  
  <p>how to animate the items in the <strong>viewport</strong> one after the other?</p>