Start animation with transitionend event for event control

Reset animation

Note: this demo uses the -webkit-vendor prefix for some CSS rules and will not work on non-webkit browsers. It also uses the click event to trigger the animation. Replace with a suitable touch event for use in PhoneGap.

Back to article: Using JavaScript's transitionend event to maintain event control when handling sequential CSS transitions in a PhoneGap app