在線示例demo：http://liyunpei.xyz/loading.html
之前發(fā)了四篇，二十二個效果，今天再分享六個效果，總計二十八個效果。
二十三、效果二十三
兩個正方形，初始均定位至左上（top：0；left：0；）；
一次完整運動分為四個階段：第一個階段，左上移動至右上，旋轉90°，寬高縮?。坏诙€階段，右上移動至右下，旋轉180°，寬高回復；第三個階段，右下移動至左下，旋轉270°，寬高縮??；第四個階段，左下移動至左上，旋轉360°，寬高回復。
動畫延遲時間差為負的半個動畫時間。
<
延伸閱讀
學習是年輕人改變自己的最好方式