JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="zornet_ru_dsam">
  <div class="krugosvetka-background"></div>
</div>

CSS

.zornet_ru_dsam {
  overflow: hidden;
}

.krugosvetka-background {
  background: url("http://zornet.ru/Aben/ABGDA/sliding-background-wwf.jpg") repeat-x;
  height: 559px;
  width: 5063px;
  animation: slide 60s linear infinite;
}

@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-1692px, 0, 0);
  }
}