animation css3

HTML

<html>
<head>
    <title></title>
</head>
<body>
    <div></div>
</body>
</html>

CSS

div {
    width:333px;
    height:800px;
    background: url(http://i.imgur.com/V32YE.png) no-repeat;
    margin: 0px auto 0;
    background-position: -11px 0px;
    animation: jumping 0.9s steps(1, end) infinite alternate;
    -webkit-animation: jumping 0.9s steps(1, end) infinite alternate;
    -moz-animation: jumping 0.9s steps(1, end) infinite alternate;
}

@-webkit-keyframes jumping {
  0%  { background-position: -11px 0x;}
  15%  { background-position: -344px 0px;}
  30%  { background-position: -677px 0px;}
  45%  { background-position: -1010px 0px;}
  60%  { background-position: -1343px 0px;}
  75%  { background-position: -1676px 0px;}
  90%  { background-position: -2009px 0px;}
}