Continuous infinite text loop with CSS

    
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 



    
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
<style>
    .marquee h2 {
        margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 0;
    }

    .marquee h2 span {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 30s linear infinite;
    }

    .marquee2 h2 span {
        animation-delay: 15s;
    }

    @keyframes marquee {
        0% {
            transform: translate(0, 0);
        }
        100% {
            transform: translate(-100%, 0);
        }
    }
</style>

<div class="marquee">
    <h2><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></h2>
</div>

<div class="marquee marquee2">
    <h2><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </span></h2>
</div>