css frame by frame play steps part of sprite sheet code example

Example: css frame by frame play steps part of sprite sheet

<div></div><style>    div{      width: 118.333px;      height: 118.333px;      background-image: url("http://i.imgur.com/MbT28qN.png");      animation: playX 1s steps(6) infinite,                 playY 3s steps(3) infinite;    }    @keyframes playX {      from {background-position-x: 0px;}      to {background-position-x: -710px;}    }    @keyframes playY {      from {background-position-y: 0px;}      to {background-position-y: -355px;}    }</style>