.marquee {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.marquee-content {
  display: inline-block;
  padding-left: 100%;
  background-color: yellow;
  animation: marquee 15s linear infinite;
}
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.marquee-content:hover {
  animation-play-state: paused;
}