依稀记得还有一种 google 的 ajax 效果

原理

内含4个div，每个里面2个半圆。依次其中半个 animation 3D 旋转。大小、速度、颜色可定义。有两个细节：

1. 整个背景是第4个颜色，否则（红色后面露出白色）就漏了。
2. “毛边”的问题。因为颜色叠加，所以有“毛边”。所以在 :after 放一个白色边框，压一下。

查看源文件：less css

@ball:30px; //ball size
@color:'red,green,blue,#f90'; //颜色数组
@speed:3s;