在线示例demo：http://liyunpei.xyz/loading.html
之前发了四篇，二十二个效果，今天再分享六个效果，总计二十八个效果。
二十三、效果二十三
两个正方形，初始均定位至左上（top：0；left：0；）；
一次完整运动分为四个阶段：第一个阶段，左上移动至右上，旋转90°，宽高缩小；第二个阶段，右上移动至右下，旋转180°，宽高回复；第三个阶段，右下移动至左下，旋转270°，宽高缩小；第四个阶段，左下移动至左上，旋转360°，宽高回复。
动画延迟时间差为负的半个动画时间。
<
延伸阅读
学习是年轻人改变自己的最好方式