JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<div id="wrapper">
</div>

CSS

#wrapper {
  width: 72px;
  height: 105px;
  background-image: url(http:webentwicklung.ulrichbangert.de/images/Nikolaus-sprites-transparent.png);
}
#wrapper:hover {
  animation: ani 1s steps(8) infinite;
 
}
@keyframes ani {
   100% { background-position: -576px; }
}