Efecto de marquesina solo CSS

Debes asegurarte de que el texto tenga más del doble del ancho de la pantalla y luego usar translateanimaciones negativas para hacer el movimiento del marco.

Probablemente querrás aria-hiddentodos menos uno si necesitas duplicar el texto. O podrías usar un truco CSS muy inteligente para “duplicar” el texto usando text-shadow.

Es bueno ver prefers-reduced-motionque allí se detiene el efecto cuando debería.