JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

@keyframes clip {
    from {
        clip: rect(0, 0, auto, 0);
    }
    to {
        clip: rect(0, 360px, auto, 0);
    }
}
div {
    overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
    width: 360px;
    height: 32px;
    line-height: 32px;
    font-size: 24px;
    white-space: nowrap;
}
div:nth-of-type(1) {
	color: red;
}
div:nth-of-type(2) {
	color: green;
    animation: clip 8s linear 0s infinite alternate;
}