transition插件

$("#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/

 

posted @ 2015-07-08 14:07  simonbaker  阅读(379)  评论(0编辑  收藏  举报