ソフトウェア開発・販売 「エム・エス ファクトリー」

お問い合わせ・ご相談はお気軽にどうぞ
info@i-msf.com
 > 開発メモ  > CSS  > animate.css

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


Attention Seekers



Bouncing Entrances

Bouncing Exits

Fading Entrances

Fading Exits

Flippers

Lightspeed

Rotating Entrances

Rotating Exits

Sliding Entrances

Sliding Exits

Zoom Entrances

Zoom Exits


Specials






参考ページ
Animate.css
Copyright(C) ms-factory All Rights Reserved.