跨越DIV的CSS动画溢出

Question

我有一个CSS3动画 - 一个弹跳球，我想在三个不同的区域旅行。

FIDDLE

<div class="ball">
    <div class="col-1"></div><!--
  --><div class="col-2"></div><!--
  --><div class="col-3"></div>
</div>
<div>Ball Boucning Over DIV's</div>

所以目前球正在弹跳，但它正在带着DIV。。。。。。。。。。。。。。。。。。。这是因为动画设置在父DIV上。

如何让球在所有三个儿童DIV上弹跳同时保持静止？