開発メモ／エム・エスファクトリー

animate.css

手軽にアニメーションが実装できます。

ボタンアニメーションの実装例

javascript

$(function(){
	$("button").on({
		"click":function(){
			var index = $('button').index(this);
			var animateclass =  $("button").eq(index).data("class");
			$(this).addClass(animateclass);
		},
		"webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend":function(){
			var index = $('button').index(this);
			var animateclass =  $("button").eq(index).data("class");
			$(this).removeClass(animateclass);
		}
	});
});

html