title: Detecting "animationend" event of a chained animation set
body: <p>This is my CSS, in which, three keyframes are bound together to make a chain animation</p>
  
  <pre><code>#anim-div{
      -webkit-animation-name    : mpbar-anim-page1, mpbar-anim-page2, mpbar-anim-page3;
      animation-name            : mpbar-anim-page1, mpbar-anim-page2, mpbar-anim-page3;
      -webkit-animation-delay   : 0s, 0.7s, 1.4s;
      animation-delay           : 0s, 0.7s, 1.4s;
      -webkit-animation-duration: 0.7s;
      animation-duration        : 0.7s;
  }
  </code></pre>
  
  <p>Is it possible to detect <strong>animationend</strong> event of the whole set?<br/>
  when I try, it detects <strong>animationend</strong> for each individual keyframes (ending up firing 3 events)</p>