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
Animate.css