Quick jQuery plugin to get the duration of a CSS transition for an element

jQuery-transitionend

(function( $ ) {

	/**
	 * jQuery.transtionend
	 * Retrievs the total amount of time, in miliseconds that
	 * an element will be transitioned
	 */
	$.fn.transtionend = function() {
		// check the main transition duration property
		if(this.css('transition-duration')) {
			return Math.round(parseFloat(this.css('transition-duration')) * 1000);
		}
		else {
			// check the vendor transition duration properties
			if(this.css('-webkit-transtion-duration')) return Math.round(parseFloat(this.css('-webkit-transtion-duration')) * 1000);
			if(this.css('-moz-transtion-duration')) return Math.round(parseFloat(this.css('-moz-transtion-duration')) * 1000);
			if(this.css('-ms-transtion-duration')) return Math.round(parseFloat(this.css('-ms-transtion-duration')) * 1000);
			if(this.css('-o-transtion-duration')) return Math.round(parseFloat(this.css('-ms-transtion-duration')) * 1000);
		}
		// if we're here, then no transition duration was found, return 0
		return 0;
	};

})( jQuery );