jquery - これにアニメーションを追加するにはどうすればよいですか?

Question

ページの読み込み時に 3 つの div にアニメーションを追加したいと考えています。

ページが読み込まれているとき、これらの 3 つの円は、アニメーション化されていることから来るはずです。

これは私の HTML です -

<div id="wrapper" class="clearfix">
    <div id="content">
        <div id="div1"></div>           
        <div id="div2"></div>           
        <div id="div3"></div>
    </div>
</div>

これは、HTML と CSS を使用したMy FIDDLEです。

jQueryを使用してこれにアニメーションを追加するのを手伝ってくれる人はいますか?