Skip to content

Instantly share code, notes, and snippets.

@JLevstein
Created February 21, 2014 18:49
Show Gist options
  • Save JLevstein/9140707 to your computer and use it in GitHub Desktop.
Save JLevstein/9140707 to your computer and use it in GitHub Desktop.
/* From Modernizr */
function whichTransitionEvent(){
var t;
var el = document.createElement('fakeelement');
var transitions = {
'transition':'transitionend',
'OTransition':'oTransitionEnd',
'MozTransition':'transitionend',
'WebkitTransition':'webkitTransitionEnd',
'MsTransition':'msTransitionEnd'
}
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 :)
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment