Jquery css3动画的视差不工作

我有一个关于动画图像视差的问题（使用css3）

在本例中，球与背景图像一起滚动（比背景图像慢），但企鹅不滚动（动画）

有人能帮我吗

提前谢谢

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