$("#box").transition({ opacity: 0.1, scale: 0.3 }); $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500); // 动画时长 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 'swing'); // 缓动效果 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500, 'linear'); // 动画时长 + 缓动效果 $("#box").transition({ opacity: 0.1, scale: 0.3 }, function(){}); // 回调函数 $("#box").transition({ opacity: 0.1, scale: 0.3 }, 500, 'linear', function(){});// 任意
css3 transition
http://www.w3school.com.cn/cssref/pr_transition.asp
//默认是以中心点进行旋转,可通过下面的代码,来实现以右下角坐标来进行旋转
transform-origin:100% 100%;
github:
https://github.com/rstacruz/jquery.transit/
官网:
http://ricostacruz.com/jquery.transit/
博客:
http://code.ciaoca.com/jquery/transit/