addClass & removeClass on the same event

You can use onwebkitanimationend like this:

$(".CSS3-Animation").addClass('on').on('animationend webkitAnimationEnd oAnimationEnd', function(){
    $(this).removeClass('on');
});

You can chain the event animationend webkitAnimationEnd oAnimationEnd after adding the class on.

Reference:
https://stackoverflow.com/questions/27840497/addclass-and-then-removeclass-the-same-class