jquery.animate.jsはAnimateを呼び出す.css強力なcss 3アニメーションを実現
931 ワード
参照
した にアニメーションスタイルを
にアニメーションスタイルを し、jqueryで
jquery.animate.js
Animate.css
リンク:https://daneden.github.io/animate.css/
した にアニメーションスタイルを
// class , , , 。
。
にアニメーションスタイルを し、jqueryで
$(function(){
$('.animated').animateCss('bounceOutLeft');
});
jquery.animate.js
(function($){
$.fn.extend({
animateCss: function (animationName) {
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
$(this).addClass('animated ' + animationName).one(animationEnd, function() {
$(this).removeClass('animated ' + animationName);
});
}
});
})(jQuery);
Animate.css
リンク:https://daneden.github.io/animate.css/