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/