<style>
    @-webkit-keyframes light {
    0%  {
        background-position: 0 0;
    }
    50% {
        background-position: -100% 0;
    }
    100%{
        background-position: -200% 0;
    }
}
#hello {
	font-family:GenJyuuGothicX-Monospace-Heavy, Comic Sans MS;
    font-size:28px;
    font-weight:600;
    margin:10px 10px;
    background-image: -webkit-linear-gradient(left, orange, red 25%, orange 50%, red 75%, orange 100%);
    -webkit-text-fill-color: transparent; 
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: light 4s infinite linear;
}
</style>
<div id="hello">Hello!</div>