rotating gradient

<style>
.rotategrad {
background-size: 100vw 100vw;
margin: 0;
position: relative;
text-align: -webkit-center;
font-size: 2em;
background: repeating-linear-gradient(-45deg, hotpink 0%, lightblue 25%, hotpink 50%);
-webkit-animation: 'slide' 30s infinite linear forwards;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}

@keyframes slide {
0% { background-position-x: 0%; }
100% { background-position-x: 200vw; }
}
</style>

<div class="rotategrad">rotating gradient</div>