Scrolling Text Generator

<style>
.stg-container {
  overflow: hidden;
  background: #ffffff;
  padding: 10px;
  border-radius: 0px;
  
  
}

@keyframes stg-b0-scroll { from { transform: translateX(100%); } to { transform: translateX(-100%); } }

.stg-block-0 {
  overflow: hidden;
  background: transparent;
}
.stg-block-0 .stg-text {
  color: #000000;
  font-size: 16px;
  
  animation: stg-b0-scroll 10s linear infinite;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.stg-block-0 .stg-text:hover { animation-play-state: paused; }
</style>

<div class="stg-container">
  <div class="stg-block-0">
    <div class="stg-text">Welcome to Scrolling Text Generator!</div>
  </div>
</div>