pet-loader

by Andrey Izman

HTML

<div style="background: #facd00" class="btn">
  <div class="button__preloader">
    <div class="preloader"></div>
  </div>
</div>

CSS

.preloader {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-animation: _preloader-animation 1.2s steps(34) infinite;
  animation: _preloader-animation 1.2s steps(34) infinite;
}


@keyframes _preloader-animation {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 -680px;
  }
}

.preloader {
  background-image:...