视差与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;
}

任何人都可以帮助我吗？

提前致谢。