jquery - css3アニメーションの視差が機能しない

Question

アニメーション画像の視差について質問があります（css3を使用）

この例では、ボールは背景画像 (背景画像よりも遅い) でスクロールしますが、ペンギンはスクロールしません (アニメーション)。

http://jsfiddle.net/ruP8p/24/

.hi {
    width: 50px;
    height: 72px;
    background-image: url("http://cssdeck.com/uploads/media/items/9/9fVQoLD.png");
    margin: 0 auto;

    -webkit-animation: wink .8s steps(10, end) infinite;
    -moz-animation: wink .8s steps(10, end) infitive;
}

誰でも私を助けることができますか？

前もって感謝します。