多圆碰撞动画

四个上下排列的圆形，上面的圆碰撞下面的圆传递背景色效果，这种效果用javascript实现起来应该比较麻烦，而用CSS3却可以达到一种很有意思的效果，有点类似物理里面的动量碰撞试验