Infinite stream text animation CSS

Question

I'd like my animation don't make a blank, when the first letter is overflow to left, I want it come back to right immediatly. How can I do ?

.stream_text {
  position: absolute;
  padding-left: 100%;
  white-space: nowrap;
  font-size: 30px;
  text-transform: uppercase;
  animation: stream 5s linear infinite;
}
 
@keyframes stream {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

<div class="stream_text">Hello World</div>

Answer 1

Overflow:hidden; 

It will allow it to show and not be blank