Detect Css Animation Completion

cssAnimationComplete.js

/* From Modernizr */
function whichTransitionEvent () {
  var t,
    el = document.createElement('fakeelement'),
    transitions = {
      'transition': 'transitionend',
      'OTransition': 'oTransitionEnd',
      'MozTransition': 'transitionend',
      'WebkitTransition': 'webkitTransitionEnd'
    };

  for (t in transitions) {
    if (el.style[t] !== undefined) {
      return transitions[t];
    }
  }
}

/* Listen for a transition! */
var transitionEvent = whichTransitionEvent();

transitionEvent && e.addEventListener(transitionEvent, function () {
	console.log('Transition complete!  This is the callback, no library needed!');
});

/*
	The "whichTransitionEvent" can be swapped for "animation" instead of "transition" texts, as can the usage :)
*/