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;
}

谁能帮我？

提前致谢。