JSFiddle - React, Tailwind, and code Playground

HTML

<div>Lorem Ipsum is simply dummy text…</div>

CSS

@keyframes background-size {
    from {
        background-size: 0 32px;
    }
    to {
        background-size: 360px 32px;
    }
}
div {
    overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
    width: 360px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    white-space: nowrap;
    background-color: red;
    background-image: linear-gradient(green, green);
    background-repeat: no-repeat;
    animation: background-size 8s linear 0s infinite alternate;
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}