JSFiddle - React, Tailwind, and code Playground

by Nofiden Noble

HTML

<div class = "character-one">
</div>

CSS

@-webkit-keyframes play {
   100% { background-position: -9170px; }
}
@keyframes play {
   100% { background-position: -9170px; }
}
.character-one 
{
  width: 131px;
  height: 350px;
  border:1px solid #ddd;
  margin-left:20px;
  background: url('http://i.imgur.com/gK3C2VZ.png') left center;
  -webkit-animation: play 2s steps(70) infinite;
      animation: play 2s steps(70) infinite;
}