JS :: detect css transition end

css-transition-end.js

/* From Modernizr */
function whichTransitionEvent() {
	var el = document.createElement('fakeelement'), t,
		transitions = {
			'transition': 'transitionend',
			'OTransition': 'oTransitionEnd',
			'MozTransition': 'transitionend',
			'WebkitTransition': 'webkitTransitionEnd',
			'MsTransition': 'msTransitionEnd'
		};
	for (t in transitions) if (typeof el.style[t] !== 'undefined') return transitions[t];
}

/* Listen for a transition end event! */
var transitionEvent = whichTransitionEvent();
if (transitionEvent) e.addEventListener(transitionEvent, function () {
	console.log('Transition complete!');
});