<style>
  .ticker {
    overflow: hidden;
    white-space: nowrap;
    background: #111;
    color: #fff;
    padding: 10px 0;
  }

  .ticker:hover .ticker__text {
    animation-play-state: paused;
  }

  .ticker__text {
    display: inline-block;
    padding-left: 100%;
    animation: scroll 25s linear infinite;
  }

  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }
</style>