candy text

<style>
 .candy {
--color1: #1FD537;
--color2: #E40010;

-webkit-text-stroke: 1px black;
background: repeating-linear-gradient(
45deg,
var(--color1),
var(--color1) 30px,
var(--color2) 30px,
var(--color2) 60px
);

background-clip: text;
color: transparent;
-webkit-background-clip: text;
font-size: 3em;
animation: 40s linear 0s infinite move;
}

@keyframes move {
from {
background-position: 0px;
}
to {
background-position: 1000px;
}
}

</style>

<div class="candy">text</div>