Make pure CSS animation from PNG sequence like GIF

https://css-magz.blogspot.com/2018/08/make-pure-css-animation-from-png-sequence.html

HTML

<p class="i"></p>

CSS

.i{

  display: inline-block;

  margin: 30px 10px 15px 10px;

  width:190px;

  height:136px;

  background: url(https://i.imgur.com/bVHAo9d.jpg);

}

body{background-color:black;}

.i {

  -moz-animation: sign-anim 3s 0.1s steps(48) forwards;

  -o-animation: sign-anim 3s 0.1s steps(48) forwards;

  -webkit-animation: sign-anim 3s 0.1s steps(48) forwards;

  animation: sign-anim 3s 0.1s steps(48,9222) forwards;

}



@-webkit-keyframes sign-anim {

  to {

    background-position: -8808px 0px;

  }

}

@-moz-keyframes sign-anim {

  to {

    background-position:-8808px 0px;

  }

}

@keyframes sign-anim {

  to {

    background-position: -8808px 0px;

  }

}