Почему мой шатер / тикер не работает должным образом? - PullRequest
0 голосов
/ 27 апреля 2020

У меня есть тикер, но большую часть времени он работает неправильно.

См. Пример gif:

faulty ticker code

@keyframes customticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}


/* 2 */
#tickerwrap {
  width: 100%;
  overflow: hidden;
  color: #000000;
  padding-left: 100%;
}


/* 1 */
#ticker {
  display: inline-block;
  white-space: nowrap;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: customticker;
  animation-name: customticker;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  padding-right: 100%;
}

#container {
  overflow:hidden;
  width:100%;
}
</style>

  <div id="container">

  <div id="tickerwrap">
    <div id="ticker">CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ CURRENTLY LONGER HANDLING TIMES‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‏‏‎ ‎‎‎‎‎‏‏‎ ‎‏‏‎ </div>
  </div>
  </div>

Что может быть не так в коде? Не могу понять это. Я новичок в коде, поэтому я доволен всей помощью, которую я могу получить:)

...