Jquery: CSS3 Animation Iteration

css3_animation_iteraction.js

jQuery(document).ready(function($) {


//Documentation http://www.sitepoint.com/css3-animation-javascript-event-handlers/

// W3C STANDARD
// animationstart
// animationiteration
// animationend

// FIREFOX
// animationstart
// animationiteration
// animationend

// WEBKIT
// webkitAnimationStart
// webkitAnimationIteration
// webkitAnimationEnd

// OPERA
// oanimationstart
// oanimationiteration
// oanimationend

// IE10
// MSAnimationStart
// MSAnimationIteration
// MSAnimationEnd



	//Animation Started
	$('.element').on('animationstart webkitAnimationStart oanimationstart MSAnimationEnd', function (argument) {
		//Do Something
	});

	//Animation Ended
	$('.element').on('animationend webkitAnimationEnd oanimationend MSAnimationEnd', function (argument) {
		//Do Something
	});

	//Animation Iteration
	$('.element').on('animationiteration webkitAnimationIteration oanimationiteration MSAnimationIteration', function (argument) {
		//Do Something
	});	

});